/* Modo claro sencillo para la zona publica de CB Torcal.
   Se carga despues de Tailwind para poder suavizar pantallas antiguas con estilos inline. */

:root {
    --cbt-bg: #f6f1ea;
    --cbt-bg-soft: #fff8ee;
    --cbt-surface: #ffffff;
    --cbt-surface-alt: #fffaf3;
    --cbt-border: rgba(58, 43, 31, .14);
    --cbt-border-strong: rgba(58, 43, 31, .24);
    --cbt-text: #211832;
    --cbt-text-soft: #554868;
    --cbt-text-muted: #7a6d86;
    --cbt-orange: #f97316;
    --cbt-orange-deep: #c94d08;
    --cbt-purple: #6d28d9;
    --cbt-purple-deep: #3b206f;
    --cbt-green: #166534;
    --cbt-red: #be123c;
    --cbt-shadow: 0 16px 36px rgba(40, 24, 10, .08);
    --cbt-shadow-soft: 0 8px 20px rgba(40, 24, 10, .06);
}

html {
    background: var(--cbt-bg);
}

body.cbt-theme-light {
    margin: 0;
    min-height: 100vh;
    color: var(--cbt-text);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 260px),
        radial-gradient(circle at 12% 0%, rgba(249, 115, 22, .13), transparent 34%),
        radial-gradient(circle at 90% 8%, rgba(109, 40, 217, .10), transparent 30%),
        var(--cbt-bg) !important;
    font-family: "Poppins", "Figtree", sans-serif;
}

body.cbt-theme-light ::selection {
    color: var(--cbt-text);
    background: rgba(249, 115, 22, .24);
}

body.cbt-theme-light::-webkit-scrollbar {
    width: 8px;
}

body.cbt-theme-light::-webkit-scrollbar-track {
    background: #f0e7db;
}

body.cbt-theme-light::-webkit-scrollbar-thumb {
    background: #d5bda7;
    border-radius: 999px;
}

body.cbt-theme-light::-webkit-scrollbar-thumb:hover {
    background: var(--cbt-orange);
}

body.cbt-theme-light a {
    color: var(--cbt-purple-deep);
}

body.cbt-theme-light .bg-gray-950,
body.cbt-theme-light [style*="background:#030712"],
body.cbt-theme-light [style*="background: #030712"],
body.cbt-theme-light [style*="background:#0b0a14"],
body.cbt-theme-light [style*="background: #0b0a14"],
body.cbt-theme-light [style*="background:#131126"],
body.cbt-theme-light [style*="background: #131126"] {
    background: transparent !important;
}

body.cbt-theme-light .bg-gray-900,
body.cbt-theme-light .bg-gray-900\/60,
body.cbt-theme-light .bg-gray-900\/55,
body.cbt-theme-light .bg-gray-800,
body.cbt-theme-light .bg-gray-800\/60,
body.cbt-theme-light .bg-white\/5,
body.cbt-theme-light .bg-white\/10,
body.cbt-theme-light [style*="background:#0f172a"],
body.cbt-theme-light [style*="background: #0f172a"],
body.cbt-theme-light [style*="background:#0a0f1a"],
body.cbt-theme-light [style*="background: #0a0f1a"],
body.cbt-theme-light [style*="background:#070d18"],
body.cbt-theme-light [style*="background: #070d18"],
body.cbt-theme-light [style*="background:#111827"],
body.cbt-theme-light [style*="background: #111827"] {
    background: var(--cbt-surface) !important;
    border-color: var(--cbt-border) !important;
    color: var(--cbt-text) !important;
    box-shadow: var(--cbt-shadow-soft) !important;
}

body.cbt-theme-light .border-gray-800,
body.cbt-theme-light .border-gray-700,
body.cbt-theme-light .border-white\/15,
body.cbt-theme-light .border-white\/20,
body.cbt-theme-light .border-white\/30,
body.cbt-theme-light [style*="border:1px solid #1e293b"],
body.cbt-theme-light [style*="border: 1px solid #1e293b"],
body.cbt-theme-light [style*="border-top:1px solid #1e293b"],
body.cbt-theme-light [style*="border-bottom:1px solid #1e293b"] {
    border-color: var(--cbt-border) !important;
}

body.cbt-theme-light .text-white,
body.cbt-theme-light .text-gray-100,
body.cbt-theme-light .text-gray-200,
body.cbt-theme-light .force-white,
body.cbt-theme-light [style*="color:#fff"],
body.cbt-theme-light [style*="color: #fff"],
body.cbt-theme-light [style*="color:#ffffff"],
body.cbt-theme-light [style*="color: #ffffff"],
body.cbt-theme-light [style*="color:#f1f5f9"],
body.cbt-theme-light [style*="color: #f1f5f9"],
body.cbt-theme-light [style*="color:#f8fafc"],
body.cbt-theme-light [style*="color: #f8fafc"] {
    color: var(--cbt-text) !important;
}

body.cbt-theme-light .text-gray-400,
body.cbt-theme-light .text-gray-500,
body.cbt-theme-light .text-gray-600,
body.cbt-theme-light [style*="color:#94a3b8"],
body.cbt-theme-light [style*="color: #94a3b8"],
body.cbt-theme-light [style*="color:#64748b"],
body.cbt-theme-light [style*="color: #64748b"],
body.cbt-theme-light [style*="color:#475569"],
body.cbt-theme-light [style*="color: #475569"],
body.cbt-theme-light [style*="color:#334155"],
body.cbt-theme-light [style*="color: #334155"] {
    color: var(--cbt-text-soft) !important;
}

body.cbt-theme-light .text-orange-400,
body.cbt-theme-light .text-orange-500,
body.cbt-theme-light [style*="color:#f97316"],
body.cbt-theme-light [style*="color: #f97316"] {
    color: var(--cbt-orange-deep) !important;
}

body.cbt-theme-light header[style] {
    background: rgba(255, 252, 247, .96) !important;
    border-bottom: 1px solid var(--cbt-border) !important;
    box-shadow: 0 10px 24px rgba(40, 24, 10, .07) !important;
}

body.cbt-theme-light .cbt-nav a,
body.cbt-theme-light .cbt-nav button {
    color: var(--cbt-text-soft) !important;
}

body.cbt-theme-light .cbt-nav a:hover,
body.cbt-theme-light .cbt-nav button:hover {
    color: var(--cbt-purple-deep) !important;
    background: rgba(109, 40, 217, .08) !important;
}

body.cbt-theme-light #cbt-mobile-menu {
    background: var(--cbt-surface) !important;
    border-top-color: var(--cbt-border) !important;
}

body.cbt-theme-light .accion-card,
body.cbt-theme-light .campus-card,
body.cbt-theme-light .fam-card,
body.cbt-theme-light .fam-section,
body.cbt-theme-light .fam-kid,
body.cbt-theme-light .coach-card,
body.cbt-theme-light .coach-stat,
body.cbt-theme-light .coach-player-card,
body.cbt-theme-light .coach-family-card,
body.cbt-theme-light .coach-schedule-card,
body.cbt-theme-light .coach-match-card,
body.cbt-theme-light .access-card,
body.cbt-theme-light .rounded-2xl,
body.cbt-theme-light .rounded-\[1\.5rem\] {
    background: var(--cbt-surface) !important;
    border-color: var(--cbt-border) !important;
    color: var(--cbt-text) !important;
    box-shadow: var(--cbt-shadow-soft) !important;
}

body.cbt-theme-light input,
body.cbt-theme-light select,
body.cbt-theme-light textarea,
body.cbt-theme-light .cbt-input,
body.cbt-theme-light .cbt-select,
body.cbt-theme-light .cbt-textarea,
body.cbt-theme-light .fam-input,
body.cbt-theme-light .fam-select,
body.cbt-theme-light .fam-textarea {
    background: #fffdf8 !important;
    border-color: rgba(58, 43, 31, .18) !important;
    color: var(--cbt-text) !important;
    -webkit-text-fill-color: var(--cbt-text) !important;
    box-shadow: inset 0 1px 4px rgba(40, 24, 10, .05) !important;
}

body.cbt-theme-light input::placeholder,
body.cbt-theme-light textarea::placeholder,
body.cbt-theme-light .cbt-input::placeholder,
body.cbt-theme-light .cbt-textarea::placeholder {
    color: #8b7e91 !important;
    -webkit-text-fill-color: #8b7e91 !important;
}

body.cbt-theme-light input:focus,
body.cbt-theme-light select:focus,
body.cbt-theme-light textarea:focus,
body.cbt-theme-light .cbt-input:focus,
body.cbt-theme-light .cbt-select:focus,
body.cbt-theme-light .cbt-textarea:focus {
    outline: none !important;
    border-color: rgba(249, 115, 22, .55) !important;
    box-shadow: 0 0 0 4px rgba(249, 115, 22, .12) !important;
}

body.cbt-theme-light label,
body.cbt-theme-light .cbt-label,
body.cbt-theme-light .section-title {
    color: var(--cbt-text-soft) !important;
}

body.cbt-theme-light .btn,
body.cbt-theme-light .btn-primary,
body.cbt-theme-light .cbt-btn-primary,
body.cbt-theme-light [class*="bg-orange-500"],
body.cbt-theme-light [class*="from-orange-500"] {
    color: var(--cbt-text) !important;
    background: linear-gradient(180deg, #ffb15f, var(--cbt-orange)) !important;
    border-color: rgba(201, 77, 8, .18) !important;
    box-shadow: 0 10px 20px rgba(249, 115, 22, .20) !important;
}

body.cbt-theme-light .btn-secondary,
body.cbt-theme-light .cbt-btn-secondary,
body.cbt-theme-light .btn-image-preview,
body.cbt-theme-light button[style*="background:#0f172a"],
body.cbt-theme-light button[style*="background: #0f172a"],
body.cbt-theme-light a[style*="background:#0f172a"],
body.cbt-theme-light a[style*="background: #0f172a"] {
    color: var(--cbt-purple-deep) !important;
    background: #f4edff !important;
    border-color: rgba(109, 40, 217, .16) !important;
    box-shadow: 0 8px 18px rgba(109, 40, 217, .08) !important;
}

body.cbt-theme-light .campus-header,
body.cbt-theme-light [style*="linear-gradient(120deg, var(--cb-purple-dark)"],
body.cbt-theme-light [style*="linear-gradient(to right,#f97316,#7c3aed)"],
body.cbt-theme-light [style*="linear-gradient(to right, #f97316, #7c3aed)"] {
    background: linear-gradient(120deg, #fff3e6, #f4edff) !important;
    border: 1px solid rgba(109, 40, 217, .14) !important;
    color: var(--cbt-text) !important;
    box-shadow: var(--cbt-shadow-soft) !important;
}

body.cbt-theme-light .ok,
body.cbt-theme-light .fam-flash.success,
body.cbt-theme-light .coach-alert.success {
    background: #ecfdf3 !important;
    border-color: rgba(22, 101, 52, .18) !important;
    color: var(--cbt-green) !important;
}

body.cbt-theme-light .err,
body.cbt-theme-light .err-msg,
body.cbt-theme-light .fam-flash.error,
body.cbt-theme-light .coach-alert.error {
    background: #fff1f2 !important;
    border-color: rgba(190, 18, 60, .18) !important;
    color: var(--cbt-red) !important;
}

body.cbt-theme-light .rcard,
body.cbt-theme-light .prenda-card,
body.cbt-theme-light .pcb-dot {
    background: var(--cbt-bg-soft) !important;
    border-color: rgba(58, 43, 31, .18) !important;
    color: var(--cbt-text-soft) !important;
}

body.cbt-theme-light input[type="radio"]:checked + .rcard,
body.cbt-theme-light .prenda-cb:checked + .prenda-card {
    background: #fff3e6 !important;
    border-color: rgba(249, 115, 22, .50) !important;
    color: var(--cbt-orange-deep) !important;
}

body.cbt-theme-light .step-actions {
    border-top-color: var(--cbt-border) !important;
}

body.cbt-theme-light .chip-new {
    color: var(--cbt-text) !important;
    background: linear-gradient(180deg, #ffb15f, var(--cbt-orange)) !important;
}

body.cbt-theme-light .ac-disabled {
    background: #fff1f2 !important;
    border-color: rgba(190, 18, 60, .22) !important;
}

body.cbt-theme-light .ac-disabled-label {
    background: #ffe4e6 !important;
    border-color: rgba(190, 18, 60, .18) !important;
    color: var(--cbt-red) !important;
}

body.cbt-theme-light table,
body.cbt-theme-light thead,
body.cbt-theme-light tbody,
body.cbt-theme-light tr,
body.cbt-theme-light td,
body.cbt-theme-light th {
    border-color: var(--cbt-border) !important;
}

@media (max-width: 768px) {
    body.cbt-theme-light header[style] > div[style] {
        padding-left: .9rem !important;
        padding-right: .9rem !important;
        gap: .55rem !important;
    }

    body.cbt-theme-light header img {
        max-height: 34px;
    }

    body.cbt-theme-light .cbt-nav a,
    body.cbt-theme-light .cbt-nav button {
        width: 100%;
        justify-content: flex-start;
    }
}