/* ==========================================================================
   TENZOR MINING — SISTEMA MODULAR DE PALETAS Y TEMAS CROMÁTICOS
   
   Regla fundamental del diseño:
     • EL HERO TIENE FONDO OSCURO EN TODOS LOS TEMAS (Atmósfera de interior de mina).
     • Las siguientes secciones alternan entre tonos claros y contrastes armónicos.
   ========================================================================== */

/* --------------------------------------------------------------------------
   OPCIÓN 0: ACTUAL (Dark Obsidian & Bronce Minero)
   Versión original nocturna / cueva subterránea.
   -------------------------------------------------------------------------- */
[data-theme="option-0"] {
    --hero-bg: #0C0E13;
    --bg-darkest: #080A0D;
    --bg-primary: #0C0E13;
    --bg-secondary: #12161E;
    --bg-card: #171B24;
    --bg-card-hover: #1D232F;
    --bg-glass: rgba(18, 22, 30, 0.88);
    --bg-footer: #060709;
    --section-ingenieria-bg: #F6F2EC;
    --section-gallery-bg: #0C0E13;
    --section-contact-bg: #F6F2EC;

    --gold-100: #FBF0DF;
    --gold-300: #ECC078;
    --gold-500: #D49544;
    --gold-600: #B77A2E;
    --gold-700: #9E651D;
    --gold-gradient: linear-gradient(135deg, #ECC078 0%, #D49544 50%, #9E651D 100%);
    --gold-glow: rgba(212, 149, 68, 0.25);

    --text-white: #FFFFFF;
    --text-primary: #EDEDF0;
    --text-secondary: #A3ACB9;
    --text-muted: #6B7685;
    --border-subtle: rgba(255, 255, 255, 0.08);
    --border-card: rgba(212, 149, 68, 0.2);
    --border-hover: rgba(212, 149, 68, 0.5);
}

/* --------------------------------------------------------------------------
   OPCIÓN 1: CATERPILLAR INDUSTRIAL (Hero Blanco Luminoso + Amarillo CAT)
   Alternancia:
     • Hero (Sección 1): Blanco Puro (#FFFFFF) con Amarillo CAT (#FFCD11)
     • Ingeniería (Sección 2): Gris Técnico (#F0F2F5)
     • Galería (Sección 3): Blanco Puro (#FFFFFF)
     • Contacto (Sección 4): Gris Técnico (#F0F2F5)
     • Footer: Carbón Industrial (#111827)
   -------------------------------------------------------------------------- */
[data-theme="option-1"] {
    --hero-bg: #FFFFFF;
    --hero-text: #111827;
    --hero-subtext: #4B5563;
    --bg-darkest: #F8FAFC;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F0F2F5;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --bg-glass: rgba(255, 255, 255, 0.94);
    --bg-footer: #111827;
    --section-ingenieria-bg: #F0F2F5;
    --section-gallery-bg: #FFFFFF;
    --section-contact-bg: #F0F2F5;

    /* Amarillo Caterpillar Oficial */
    --gold-100: #FFFBEB;
    --gold-300: #FFE14D;
    --gold-500: #FFCD11;
    --gold-600: #E5B20D;
    --gold-700: #B27500;
    --gold-gradient: linear-gradient(135deg, #FFE14D 0%, #FFCD11 50%, #F5B000 100%);
    --gold-glow: rgba(255, 205, 17, 0.45);

    --text-white: #111827;
    /* Encabezados en secciones claras */
    --text-primary: #1F2937;
    --text-secondary: #4B5563;
    --text-muted: #6B7280;
    --border-subtle: #E5E7EB;
    --border-card: rgba(255, 205, 17, 0.4);
    --border-hover: rgba(255, 205, 17, 0.85);
}

[data-theme="option-1"] .btn-gold {
    background: var(--gold-gradient) !important;
    color: #000000 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 18px var(--gold-glow) !important;
    border: 1px solid #E5B20D !important;
}

[data-theme="option-1"] .btn-gold:hover {
    background: #FFC400 !important;
    color: #000000 !important;
    box-shadow: 0 6px 24px rgba(255, 205, 17, 0.6) !important;
}

[data-theme="option-1"] .text-gradient-gold {
    background: linear-gradient(135deg, #FFE14D 0%, #FFCD11 50%, #F5B000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="option-1"] .brand-tag {
    color: #FFCD11;
}

[data-theme="option-1"] .filter-btn.active {
    background: var(--gold-gradient) !important;
    color: #000000 !important;
    font-weight: 700;
}

[data-theme="option-1"] .filter-btn.active .filter-count {
    background: rgba(0, 0, 0, 0.15);
    color: #000000;
}

/* --------------------------------------------------------------------------
   OPCIÓN 2: CERÚLEO & ARENA MINERAL (Hero Alice Blue + Sand Dune)
   Colores oficiales del usuario:
     • Rich Cerulean: #2274A5
     • Sand Dune:     #E7DFC6
     • Alice Blue:    #E9F1F7
     • Ink Black:     #131B23
     • Taupe:         #816C61
   Alternancia:
     • Hero (Sección 1): Alice Blue Luminoso (#E9F1F7) con Cerúleo (#2274A5)
     • Ingeniería (Sección 2): Arena Sand Dune (#E7DFC6)
     • Galería (Sección 3): Alice Blue (#E9F1F7)
     • Contacto (Sección 4): Arena Sand Dune (#E7DFC6)
     • Footer: Ink Black (#131B23)
   -------------------------------------------------------------------------- */
[data-theme="option-2"] {
    --hero-bg: #E9F1F7;
    --hero-text: #131B23;
    --hero-subtext: #574B43;
    --bg-darkest: #DEE8F0;
    --bg-primary: #E9F1F7;
    --bg-secondary: #E7DFC6;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --bg-glass: rgba(233, 241, 247, 0.94);
    --bg-footer: #131B23;
    --section-ingenieria-bg: #E7DFC6;
    --section-gallery-bg: #E9F1F7;
    --section-contact-bg: #E7DFC6;

    /* Acento Cerúleo */
    --gold-100: #E9F1F7;
    --gold-300: #328EC7;
    --gold-500: #2274A5;
    /* Rich Cerulean */
    --gold-600: #1C638E;
    --gold-700: #165175;
    --gold-gradient: linear-gradient(135deg, #328EC7 0%, #2274A5 55%, #185880 100%);
    --gold-glow: rgba(34, 116, 165, 0.35);

    --text-white: #131B23;
    /* Ink Black en secciones claras */
    --text-primary: #131B23;
    --text-secondary: #574B43;
    --text-muted: #816C61;
    --border-subtle: rgba(129, 108, 97, 0.25);
    --border-card: rgba(34, 116, 165, 0.25);
    --border-hover: rgba(34, 116, 165, 0.65);
}

[data-theme="option-2"] .btn-gold {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px var(--gold-glow) !important;
    border: none !important;
}

[data-theme="option-2"] .btn-gold:hover {
    background: #1C638E !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 22px rgba(34, 116, 165, 0.5) !important;
}

[data-theme="option-2"] .text-gradient-gold {
    background: linear-gradient(135deg, #328EC7 0%, #2274A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="option-2"] .brand-tag {
    color: #2274A5;
}

[data-theme="option-2"] .filter-btn.active {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700;
}

[data-theme="option-2"] .filter-btn.active .filter-count {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   OPCIÓN 3: COBRE & ARENA MINERAL (Hero Arena Caliza + Blanco + Cobre)
   Alternancia:
     • Hero (Sección 1): Arena Mineral Caliza (#F3EDE4) con Cobre (#D35400)
     • Ingeniería (Sección 2): Blanco Puro (#FFFFFF)
     • Galería (Sección 3): Arena Mineral Cálida (#F3EDE4)
     • Contacto (Sección 4): Blanco Puro (#FFFFFF)
     • Footer: Basalto Oscuro (#1C1917)
   -------------------------------------------------------------------------- */
[data-theme="option-3"] {
    --hero-bg: #F3EDE4;
    --hero-text: #1C1917;
    --hero-subtext: #57534E;
    --bg-darkest: #EAE2D5;
    --bg-primary: #F3EDE4;
    --bg-secondary: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8F5EE;
    --bg-glass: rgba(243, 237, 228, 0.94);
    --bg-footer: #1C1917;
    --section-ingenieria-bg: #FFFFFF;
    --section-gallery-bg: #F3EDE4;
    --section-contact-bg: #FFFFFF;

    --gold-100: #FFEDD5;
    --gold-300: #FB923C;
    --gold-500: #D35400;
    /* Cobre / Terracota forjado */
    --gold-600: #B84700;
    --gold-700: #933900;
    --gold-gradient: linear-gradient(135deg, #F39C12 0%, #D35400 60%, #A04000 100%);
    --gold-glow: rgba(211, 84, 0, 0.35);

    --text-white: #1C1917;
    --text-primary: #292524;
    --text-secondary: #57534E;
    --text-muted: #78716C;
    --border-subtle: #E2D7C8;
    --border-card: rgba(211, 84, 0, 0.25);
    --border-hover: rgba(211, 84, 0, 0.6);
}

[data-theme="option-3"] .btn-gold {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px var(--gold-glow) !important;
    border: none !important;
}

[data-theme="option-3"] .btn-gold:hover {
    background: #B84700 !important;
    color: #FFFFFF !important;
}

[data-theme="option-3"] .text-gradient-gold {
    background: linear-gradient(135deg, #F39C12 0%, #D35400 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="option-3"] .brand-tag {
    color: #D35400;
}

[data-theme="option-3"] .filter-btn.active {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700;
}

[data-theme="option-3"] .filter-btn.active .filter-count {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   OPCIÓN 4: DARK SLATE & ALABASTER MINERAL (Hero Alabaster + Blanco + Dust Grey)
   Colores oficiales del usuario:
     • Dark Slate Grey: #384D48
     • Dim Grey:        #6E7271
     • Dry Sage:        #ACAD94
     • Dust Grey:       #D8D4D5
     • Alabaster Grey:  #E2E2E2
   Alternancia:
     • Hero (Sección 1): Alabaster Grey (#E2E2E2) con Dark Slate (#384D48)
     • Ingeniería (Sección 2): Blanco Puro (#FFFFFF)
     • Galería (Sección 3): Dust Grey (#D8D4D5)
     • Contacto (Sección 4): Blanco Puro (#FFFFFF)
     • Footer: Dark Slate Grey (#384D48)
   -------------------------------------------------------------------------- */
[data-theme="option-4"] {
    --hero-bg: #E2E2E2;
    --hero-text: #1E2B28;
    --hero-subtext: #4E5755;
    --bg-darkest: #D8D4D5;
    --bg-primary: #FFFFFF;
    --bg-secondary: #E2E2E2;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8F9F8;
    --bg-glass: rgba(226, 226, 226, 0.94);
    --bg-footer: #384D48;
    --section-ingenieria-bg: #FFFFFF;
    --section-gallery-bg: #D8D4D5;
    --section-contact-bg: #FFFFFF;

    /* Acento Dark Slate Grey & Dry Sage */
    --gold-100: #E2E2E2;
    --gold-300: #ACAD94;
    /* Dry Sage */
    --gold-500: #384D48;
    /* Dark Slate Grey */
    --gold-600: #2C3E3A;
    --gold-700: #202E2B;
    --gold-gradient: linear-gradient(135deg, #384D48 0%, #4C655F 55%, #2F413D 100%);
    --gold-glow: rgba(56, 77, 72, 0.35);

    --text-white: #1E2B28;
    /* Títulos en secciones claras */
    --text-primary: #1E2B28;
    --text-secondary: #4E5755;
    --text-muted: #6E7271;
    /* Dim Grey */
    --border-subtle: rgba(110, 114, 113, 0.28);
    --border-card: rgba(56, 77, 72, 0.25);
    --border-hover: rgba(56, 77, 72, 0.7);
}

[data-theme="option-4"] .btn-gold {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px var(--gold-glow) !important;
    border: none !important;
}

[data-theme="option-4"] .btn-gold:hover {
    background: #2C3E3A !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 22px rgba(56, 77, 72, 0.5) !important;
}

[data-theme="option-4"] .text-gradient-gold {
    background: linear-gradient(135deg, #384D48 0%, #4E6862 50%, #7E846A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

[data-theme="option-4"] .brand-tag {
    color: #384D48;
}

[data-theme="option-4"] .filter-btn.active {
    background: #384D48 !important;
    color: #FFFFFF !important;
    font-weight: 700;
}

[data-theme="option-4"] .filter-btn.active .filter-count {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   OPCIÓN 5: GUNMETAL GRAY & MINING LIME GREEN SPRAY
   Inspirada en el marcaje técnico geológico subterráneo con pintura spray
   fluorescente sobre roca para puntos críticos y sondeos Pull-Test.
   Colores:
     • Gunmetal Gray: #3D3D3D (Contraste industrial / roca)
     • Lime Green:    #8BFF1F (Spray fluorescente de alta visibilidad)
     • White Smoke:   #F5F5F5 (Luminosidad y pulcritud)
     • Dark Slate:    #242424 (Profundidad en Footer y botones)
   Alternancia:
     • Hero (Sección 1): White Smoke (#F5F5F5) con Gunmetal Gray y marcas Lime Green
     • Ingeniería (Sección 2): Blanco Puro (#FFFFFF) con acentos Lime Green
     • Galería (Sección 3): White Smoke (#F5F5F5)
     • Contacto (Sección 4): Blanco Puro (#FFFFFF)
     • Footer: Dark Gunmetal (#242424) con ribete superior Lime Green
   -------------------------------------------------------------------------- */
[data-theme="option-5"] {
    --hero-bg: #F5F5F5;
    --hero-text: #3D3D3D;
    --hero-subtext: #5A5A5A;
    --bg-darkest: #1E1E1E;
    --bg-primary: #FFFFFF;
    --bg-secondary: #F5F5F5;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --bg-glass: rgba(245, 245, 245, 0.94);
    --bg-footer: #242424;
    --section-ingenieria-bg: #FFFFFF;
    --section-gallery-bg: #F5F5F5;
    --section-contact-bg: #FFFFFF;

    /* Acentos: Lime Green Spray & Gunmetal Gray */
    --gold-100: rgba(139, 255, 31, 0.12);
    --gold-300: #A8FF4D;
    --gold-500: #8BFF1F;
    --gold-600: #58B000;
    --gold-700: #3D3D3D;
    --gold-gradient: linear-gradient(135deg, #3D3D3D 0%, #1E1E1E 100%);
    --gold-glow: rgba(139, 255, 31, 0.45);

    --text-white: #3D3D3D;
    --text-primary: #3D3D3D;
    --text-secondary: #5A5A5A;
    --text-muted: #7E7E7E;
    --border-subtle: #E2E8F0;
    --border-card: rgba(61, 61, 61, 0.18);
    --border-hover: #8BFF1F;
}

[data-theme="option-5"] .btn-gold {
    background: #3D3D3D !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border: 1.5px solid #8BFF1F !important;
    box-shadow: 0 4px 18px rgba(61, 61, 61, 0.35), 0 0 14px rgba(139, 255, 31, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="option-5"] .btn-gold:hover {
    background: #242424 !important;
    color: #8BFF1F !important;
    border-color: #8BFF1F !important;
    box-shadow: 0 6px 24px rgba(61, 61, 61, 0.45), 0 0 22px rgba(139, 255, 31, 0.65) !important;
    transform: translateY(-2px);
}

[data-theme="option-5"] .text-gradient-gold {
    background: linear-gradient(135deg, #4EA805 0%, #8BFF1F 45%, #3D3D3D 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 14px rgba(139, 255, 31, 0.35));
}

[data-theme="option-5"] .brand-tag {
    color: #8BFF1F;
    background: #3D3D3D;
    padding: 1px 6px;
    border-radius: 3px;
    font-weight: 800;
}

[data-theme="option-5"] .filter-btn.active {
    background: #3D3D3D !important;
    border-color: #8BFF1F !important;
    color: #FFFFFF !important;
    font-weight: 700;
    box-shadow: 0 0 14px rgba(139, 255, 31, 0.4) !important;
}

[data-theme="option-5"] .filter-btn.active .filter-count {
    background: #8BFF1F !important;
    color: #1E1E1E !important;
    font-weight: 800 !important;
}

/* Efectos especiales Spray Lime Green en Opción 5 */
[data-theme="option-5"] .hero-eyebrow {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1.5px dashed rgba(139, 255, 31, 0.85) !important;
    box-shadow: 0 0 16px rgba(139, 255, 31, 0.25) !important;
}

[data-theme="option-5"] .hero-eyebrow .eyebrow-badge {
    color: #3D3D3D !important;
    font-weight: 800 !important;
    letter-spacing: 0.16em !important;
}

[data-theme="option-5"] .hero-eyebrow .eyebrow-divider {
    color: #8BFF1F !important;
}

[data-theme="option-5"] .hero-creed {
    border-left: 3px solid #8BFF1F !important;
    box-shadow: -4px 0 12px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .creed-quote {
    color: #8BFF1F !important;
    text-shadow: 0 0 12px rgba(139, 255, 31, 0.5) !important;
}

[data-theme="option-5"] .mine-photo-frame {
    border: 2px solid #3D3D3D !important;
    box-shadow: 0 20px 45px rgba(61, 61, 61, 0.16), 0 0 25px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .live-dot {
    background-color: #8BFF1F !important;
    box-shadow: 0 0 10px #8BFF1F, 0 0 20px rgba(139, 255, 31, 0.7) !important;
}

[data-theme="option-5"] .floating-tech-card .check-icon-box {
    background: #3D3D3D !important;
    border: 1.5px solid #8BFF1F !important;
    color: #8BFF1F !important;
    box-shadow: 0 0 10px rgba(139, 255, 31, 0.4) !important;
}

[data-theme="option-5"] .hero-metrics-ribbon .metric-icon-wrap {
    background: #3D3D3D !important;
    border: 1px solid #8BFF1F !important;
    color: #8BFF1F !important;
    box-shadow: 0 0 14px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .site-footer {
    background: #242424 !important;
    border-top: 2.5px solid #8BFF1F !important;
    box-shadow: 0 -4px 20px rgba(139, 255, 31, 0.3) !important;
}


/* ==========================================================================
   CONFIGURACIÓN DEL HERO SEGÚN EL TEMA
   • OPCIÓN 0: Hero Oscuro Obsidiana original (#0C0E13).
   • OPCIONES 1, 2, 3 Y 4: HERO CLARO Y LUMINOSO con máxima legibilidad.
   ========================================================================== */

/* --- OPCIÓN 0: HERO OSCURO ORIGINAL --- */
[data-theme="option-0"] .hero-section {
    background-color: var(--hero-bg, #0C0E13);
    color: #FFFFFF;
}

[data-theme="option-0"] .hero-backdrop img {
    opacity: 0.52;
    filter: contrast(1.15) brightness(0.75);
}

[data-theme="option-0"] .backdrop-gradient-radial {
    background: radial-gradient(circle at 70% 35%, rgba(10, 14, 20, 0.3) 0%, rgba(10, 14, 20, 0.85) 72%, var(--hero-bg) 100%) !important;
}

[data-theme="option-0"] .backdrop-gradient-bottom {
    background: linear-gradient(to top, var(--hero-bg) 0%, rgba(10, 14, 20, 0.8) 60%, transparent 100%) !important;
}

[data-theme="option-0"] .hero-title {
    color: #FFFFFF !important;
}

[data-theme="option-0"] .hero-description {
    color: #A3ACB9 !important;
}

[data-theme="option-0"] .creed-text {
    color: #F1F5F9 !important;
}

[data-theme="option-0"] .hero-eyebrow {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="option-0"] .spec-pill {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #CBD5E1 !important;
}

[data-theme="option-0"] .btn-secondary-glass {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

[data-theme="option-0"] .btn-secondary-glass:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="option-0"] .hero-metrics-ribbon {
    background: rgba(14, 18, 24, 0.92) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="option-0"] .metric-number {
    color: #FFFFFF !important;
}

[data-theme="option-0"] .metric-sub {
    color: #94A3B8 !important;
}

[data-theme="option-0"] .metric-icon-wrap {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="option-0"] .floating-tech-card {
    background: rgba(16, 20, 28, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="option-0"] .check-item-text {
    color: #FFFFFF !important;
}

[data-theme="option-0"] .top-bar {
    background-color: var(--bg-darkest) !important;
    color: #94A3B8 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="option-0"] .site-header {
    background-color: var(--bg-glass) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="option-0"] .brand-monogram {
    filter: none !important;
}

[data-theme="option-0"] .brand-name {
    color: #FFFFFF !important;
}

[data-theme="option-0"] .nav-link {
    color: #A3ACB9 !important;
}

[data-theme="option-0"] .nav-link:hover,
[data-theme="option-0"] .nav-link.active {
    color: var(--gold-500) !important;
}


/* --- OPCIONES 1, 2, 3, 4 Y 5: HERO CLARO, ELEGANTE Y LUMINOSO --- */
[data-theme="option-1"] .hero-section,
[data-theme="option-2"] .hero-section,
[data-theme="option-3"] .hero-section,
[data-theme="option-4"] .hero-section,
[data-theme="option-5"] .hero-section {
    background-color: var(--hero-bg) !important;
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .hero-backdrop img,
[data-theme="option-2"] .hero-backdrop img,
[data-theme="option-3"] .hero-backdrop img,
[data-theme="option-4"] .hero-backdrop img,
[data-theme="option-5"] .hero-backdrop img {
    opacity: 0.16;
    filter: grayscale(0.25) contrast(1.15) brightness(1.08);
}

[data-theme="option-1"] .backdrop-gradient-radial,
[data-theme="option-2"] .backdrop-gradient-radial,
[data-theme="option-3"] .backdrop-gradient-radial,
[data-theme="option-4"] .backdrop-gradient-radial,
[data-theme="option-5"] .backdrop-gradient-radial {
    background: radial-gradient(circle at 70% 35%, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.88) 65%, var(--hero-bg) 100%) !important;
}

[data-theme="option-1"] .backdrop-gradient-bottom,
[data-theme="option-2"] .backdrop-gradient-bottom,
[data-theme="option-3"] .backdrop-gradient-bottom,
[data-theme="option-4"] .backdrop-gradient-bottom,
[data-theme="option-5"] .backdrop-gradient-bottom {
    background: linear-gradient(to top, var(--hero-bg) 0%, rgba(255, 255, 255, 0.8) 55%, transparent 100%) !important;
}

[data-theme="option-1"] .hero-title,
[data-theme="option-2"] .hero-title,
[data-theme="option-3"] .hero-title,
[data-theme="option-4"] .hero-title,
[data-theme="option-5"] .hero-title {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .hero-description,
[data-theme="option-2"] .hero-description,
[data-theme="option-3"] .hero-description,
[data-theme="option-4"] .hero-description,
[data-theme="option-5"] .hero-description {
    color: var(--hero-subtext) !important;
}

[data-theme="option-1"] .creed-text,
[data-theme="option-2"] .creed-text,
[data-theme="option-3"] .creed-text,
[data-theme="option-4"] .creed-text,
[data-theme="option-5"] .creed-text {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .hero-eyebrow,
[data-theme="option-2"] .hero-eyebrow,
[data-theme="option-3"] .hero-eyebrow,
[data-theme="option-4"] .hero-eyebrow {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid var(--border-card) !important;
    backdrop-filter: blur(8px);
}

[data-theme="option-1"] .hero-eyebrow .eyebrow-label,
[data-theme="option-2"] .hero-eyebrow .eyebrow-label,
[data-theme="option-3"] .hero-eyebrow .eyebrow-label,
[data-theme="option-4"] .hero-eyebrow .eyebrow-label,
[data-theme="option-5"] .hero-eyebrow .eyebrow-label {
    color: var(--hero-subtext) !important;
}

[data-theme="option-1"] .hero-eyebrow .eyebrow-badge {
    color: #92400E;
}

[data-theme="option-2"] .hero-eyebrow .eyebrow-badge {
    color: #2274A5;
}

[data-theme="option-3"] .hero-eyebrow .eyebrow-badge {
    color: #D35400;
}

[data-theme="option-4"] .hero-eyebrow .eyebrow-badge {
    color: #384D48;
}

[data-theme="option-1"] .spec-pill,
[data-theme="option-2"] .spec-pill,
[data-theme="option-3"] .spec-pill,
[data-theme="option-4"] .spec-pill,
[data-theme="option-5"] .spec-pill {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--hero-subtext) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="option-1"] .btn-secondary-glass,
[data-theme="option-2"] .btn-secondary-glass,
[data-theme="option-3"] .btn-secondary-glass,
[data-theme="option-4"] .btn-secondary-glass,
[data-theme="option-5"] .btn-secondary-glass {
    background: #FFFFFF !important;
    border: 1.5px solid var(--border-subtle) !important;
    color: var(--hero-text) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="option-1"] .btn-secondary-glass:hover,
[data-theme="option-2"] .btn-secondary-glass:hover,
[data-theme="option-3"] .btn-secondary-glass:hover,
[data-theme="option-4"] .btn-secondary-glass:hover,
[data-theme="option-5"] .btn-secondary-glass:hover {
    background: #F8FAFC !important;
    border-color: var(--gold-500) !important;
    color: var(--hero-text) !important;
    transform: translateY(-2px);
}

/* Floating Technical Card en Hero Claro */
[data-theme="option-1"] .floating-tech-card,
[data-theme="option-2"] .floating-tech-card,
[data-theme="option-3"] .floating-tech-card,
[data-theme="option-4"] .floating-tech-card,
[data-theme="option-5"] .floating-tech-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1.5px solid var(--border-card) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(12px);
}

[data-theme="option-1"] .check-item-text,
[data-theme="option-2"] .check-item-text,
[data-theme="option-3"] .check-item-text,
[data-theme="option-4"] .check-item-text,
[data-theme="option-5"] .check-item-text {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .check-icon-box,
[data-theme="option-2"] .check-icon-box,
[data-theme="option-3"] .check-icon-box,
[data-theme="option-4"] .check-icon-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid var(--gold-500) !important;
    color: var(--gold-600) !important;
}

/* Barra de Métricas en Hero Claro */
[data-theme="option-1"] .hero-metrics-ribbon,
[data-theme="option-2"] .hero-metrics-ribbon,
[data-theme="option-3"] .hero-metrics-ribbon,
[data-theme="option-4"] .hero-metrics-ribbon,
[data-theme="option-5"] .hero-metrics-ribbon {
    background: rgba(255, 255, 255, 0.88) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="option-1"] .metric-number,
[data-theme="option-2"] .metric-number,
[data-theme="option-3"] .metric-number,
[data-theme="option-4"] .metric-number,
[data-theme="option-5"] .metric-number {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .metric-sub,
[data-theme="option-2"] .metric-sub,
[data-theme="option-3"] .metric-sub,
[data-theme="option-4"] .metric-sub,
[data-theme="option-5"] .metric-sub {
    color: var(--hero-subtext) !important;
}

[data-theme="option-1"] .metric-icon-wrap,
[data-theme="option-2"] .metric-icon-wrap,
[data-theme="option-3"] .metric-icon-wrap,
[data-theme="option-4"] .metric-icon-wrap {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--gold-600) !important;
}

[data-theme="option-1"] .metric-item,
[data-theme="option-2"] .metric-item,
[data-theme="option-3"] .metric-item,
[data-theme="option-4"] .metric-item,
[data-theme="option-5"] .metric-item {
    border-right-color: var(--border-subtle) !important;
}

/* Header & Top Bar Luminosos para Temas con Hero Claro */
[data-theme="option-1"] .top-bar,
[data-theme="option-2"] .top-bar,
[data-theme="option-3"] .top-bar,
[data-theme="option-4"] .top-bar,
[data-theme="option-5"] .top-bar {
    background-color: var(--bg-darkest) !important;
    color: var(--hero-subtext) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .site-header,
[data-theme="option-2"] .site-header,
[data-theme="option-3"] .site-header,
[data-theme="option-4"] .site-header,
[data-theme="option-5"] .site-header {
    background-color: var(--bg-glass) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="option-1"] .brand-monogram,
[data-theme="option-2"] .brand-monogram,
[data-theme="option-3"] .brand-monogram,
[data-theme="option-4"] .brand-monogram,
[data-theme="option-5"] .brand-monogram {
    filter: brightness(0.12) !important;
}

[data-theme="option-1"] .brand-name,
[data-theme="option-2"] .brand-name,
[data-theme="option-3"] .brand-name,
[data-theme="option-4"] .brand-name,
[data-theme="option-5"] .brand-name {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .nav-link,
[data-theme="option-2"] .nav-link,
[data-theme="option-3"] .nav-link,
[data-theme="option-4"] .nav-link,
[data-theme="option-5"] .nav-link {
    color: var(--hero-subtext) !important;
}

[data-theme="option-1"] .nav-link:hover,
[data-theme="option-1"] .nav-link.active,
[data-theme="option-2"] .nav-link:hover,
[data-theme="option-2"] .nav-link.active,
[data-theme="option-3"] .nav-link:hover,
[data-theme="option-3"] .nav-link.active,
[data-theme="option-4"] .nav-link:hover,
[data-theme="option-4"] .nav-link.active,
[data-theme="option-5"] .nav-link:hover,
[data-theme="option-5"] .nav-link.active {
    color: var(--gold-600) !important;
}

[data-theme="option-1"] .header-btn.btn-outline-gold,
[data-theme="option-2"] .header-btn.btn-outline-gold,
[data-theme="option-3"] .header-btn.btn-outline-gold,
[data-theme="option-4"] .header-btn.btn-outline-gold,
[data-theme="option-5"] .header-btn.btn-outline-gold {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: var(--gold-500) !important;
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .mobile-toggle .bar,
[data-theme="option-2"] .mobile-toggle .bar,
[data-theme="option-3"] .mobile-toggle .bar,
[data-theme="option-4"] .mobile-toggle .bar,
[data-theme="option-5"] .mobile-toggle .bar {
    background-color: var(--hero-text) !important;
}

/* Footer Oscuro en todos los temas */
.site-footer {
    background-color: var(--bg-footer, #060709) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.site-footer .brand-name {
    color: #FFFFFF !important;
}

.site-footer .brand-monogram {
    filter: none !important;
}

.site-footer .footer-credits {
    color: #94A3B8 !important;
}


/* ==========================================================================
   SECCIONES CLARAS SUBSIGUIENTES (INGENIERÍA, GALERÍA, CONTACTO)
   ========================================================================== */

/* Fondos y bordes de sección alternados */
[data-theme="option-1"] .section-light-luxury,
[data-theme="option-2"] .section-light-luxury,
[data-theme="option-3"] .section-light-luxury,
[data-theme="option-4"] .section-light-luxury,
[data-theme="option-5"] .section-light-luxury {
    background-color: var(--section-ingenieria-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .gallery-section,
[data-theme="option-2"] .gallery-section,
[data-theme="option-3"] .gallery-section,
[data-theme="option-4"] .gallery-section,
[data-theme="option-5"] .gallery-section {
    background-color: var(--section-gallery-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .contact-section,
[data-theme="option-2"] .contact-section,
[data-theme="option-3"] .contact-section,
[data-theme="option-4"] .contact-section,
[data-theme="option-5"] .contact-section {
    background-color: var(--section-contact-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* Neutralizar cuadrícula fija color bronce en temas claros */
[data-theme="option-1"] .light-texture-overlay,
[data-theme="option-2"] .light-texture-overlay,
[data-theme="option-3"] .light-texture-overlay,
[data-theme="option-4"] .light-texture-overlay,
[data-theme="option-5"] .light-texture-overlay,
[data-theme="option-1"] .contact-section::before,
[data-theme="option-2"] .contact-section::before,
[data-theme="option-3"] .contact-section::before,
[data-theme="option-4"] .contact-section::before,
[data-theme="option-5"] .contact-section::before {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.035) 1px, transparent 1px) !important;
    opacity: 0.65 !important;
}

/* Títulos y textos oscuros de alta legibilidad en las secciones claras */
[data-theme="option-1"] .light-title,
[data-theme="option-2"] .light-title,
[data-theme="option-3"] .light-title,
[data-theme="option-4"] .light-title,
[data-theme="option-5"] .light-title,
[data-theme="option-1"] .gallery-title,
[data-theme="option-2"] .gallery-title,
[data-theme="option-3"] .gallery-title,
[data-theme="option-4"] .gallery-title,
[data-theme="option-5"] .gallery-title,
[data-theme="option-1"] .contact-title,
[data-theme="option-2"] .contact-title,
[data-theme="option-3"] .contact-title,
[data-theme="option-4"] .contact-title,
[data-theme="option-5"] .contact-title {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .light-subtitle,
[data-theme="option-2"] .light-subtitle,
[data-theme="option-3"] .light-subtitle,
[data-theme="option-4"] .light-subtitle,
[data-theme="option-5"] .light-subtitle,
[data-theme="option-1"] .gallery-subtitle,
[data-theme="option-2"] .gallery-subtitle,
[data-theme="option-3"] .gallery-subtitle,
[data-theme="option-4"] .gallery-subtitle,
[data-theme="option-5"] .gallery-subtitle,
[data-theme="option-1"] .contact-lead,
[data-theme="option-2"] .contact-lead,
[data-theme="option-3"] .contact-lead,
[data-theme="option-4"] .contact-lead,
[data-theme="option-5"] .contact-lead {
    color: var(--text-secondary) !important;
}

/* Palabras destacadas con gradiente temático en Ingeniería y Contacto */
[data-theme="option-1"] .text-gradient-bronze,
[data-theme="option-2"] .text-gradient-bronze,
[data-theme="option-3"] .text-gradient-bronze,
[data-theme="option-4"] .text-gradient-bronze,
[data-theme="option-5"] .text-gradient-bronze,
[data-theme="option-1"] .contact-section .text-gradient-gold,
[data-theme="option-2"] .contact-section .text-gradient-gold,
[data-theme="option-3"] .contact-section .text-gradient-gold,
[data-theme="option-4"] .contact-section .text-gradient-gold,
[data-theme="option-5"] .contact-section .text-gradient-gold {
    background: var(--gold-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* --------------------------------------------------------------------------
   ELEMENTOS DE LA SECCIÓN INGENIERÍA (#ingenieria)
   -------------------------------------------------------------------------- */
[data-theme="option-1"] .light-card,
[data-theme="option-2"] .light-card,
[data-theme="option-3"] .light-card,
[data-theme="option-4"] .light-card,
[data-theme="option-5"] .light-card {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="option-1"] .light-card:hover,
[data-theme="option-2"] .light-card:hover,
[data-theme="option-3"] .light-card:hover,
[data-theme="option-4"] .light-card:hover,
[data-theme="option-5"] .light-card:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 20px 40px var(--gold-glow) !important;
}

[data-theme="option-1"] .light-card-title,
[data-theme="option-2"] .light-card-title,
[data-theme="option-3"] .light-card-title,
[data-theme="option-4"] .light-card-title,
[data-theme="option-5"] .light-card-title {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .light-card-text,
[data-theme="option-2"] .light-card-text,
[data-theme="option-3"] .light-card-text,
[data-theme="option-4"] .light-card-text,
[data-theme="option-5"] .light-card-text {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .light-card-specs,
[data-theme="option-2"] .light-card-specs,
[data-theme="option-3"] .light-card-specs,
[data-theme="option-4"] .light-card-specs,
[data-theme="option-5"] .light-card-specs {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .spec-name,
[data-theme="option-2"] .spec-name,
[data-theme="option-3"] .spec-name,
[data-theme="option-4"] .spec-name,
[data-theme="option-5"] .spec-name {
    color: var(--text-muted) !important;
}

[data-theme="option-1"] .spec-value,
[data-theme="option-2"] .spec-value,
[data-theme="option-3"] .spec-value,
[data-theme="option-4"] .spec-value,
[data-theme="option-5"] .spec-value {
    color: var(--text-primary) !important;
}

[data-theme="option-1"] .light-card-footer,
[data-theme="option-2"] .light-card-footer,
[data-theme="option-3"] .light-card-footer,
[data-theme="option-4"] .light-card-footer,
[data-theme="option-5"] .light-card-footer {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border-top: 1px solid var(--border-subtle) !important;
}

/* Banner de Respaldo y Confianza */
[data-theme="option-1"] .light-trust-banner,
[data-theme="option-2"] .light-trust-banner,
[data-theme="option-3"] .light-trust-banner,
[data-theme="option-4"] .light-trust-banner,
[data-theme="option-5"] .light-trust-banner {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="option-1"] .trust-heading,
[data-theme="option-2"] .trust-heading,
[data-theme="option-3"] .trust-heading,
[data-theme="option-4"] .trust-heading,
[data-theme="option-5"] .trust-heading {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .trust-text,
[data-theme="option-2"] .trust-text,
[data-theme="option-3"] .trust-text,
[data-theme="option-4"] .trust-text,
[data-theme="option-5"] .trust-text {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .trust-logo-box,
[data-theme="option-2"] .trust-logo-box,
[data-theme="option-3"] .trust-logo-box,
[data-theme="option-4"] .trust-logo-box,
[data-theme="option-5"] .trust-logo-box {
    border: 1px solid var(--border-subtle) !important;
    background: #FFFFFF !important;
}

[data-theme="option-1"] .btn-dark-luxury,
[data-theme="option-2"] .btn-dark-luxury,
[data-theme="option-3"] .btn-dark-luxury,
[data-theme="option-4"] .btn-dark-luxury,
[data-theme="option-5"] .btn-dark-luxury {
    background: var(--bg-footer, #111827) !important;
    border: 1px solid var(--border-card) !important;
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   ELEMENTOS DE LA SECCIÓN CONTACTO (#contacto)
   -------------------------------------------------------------------------- */
[data-theme="option-1"] .info-card-header .panel-heading,
[data-theme="option-2"] .info-card-header .panel-heading,
[data-theme="option-3"] .info-card-header .panel-heading,
[data-theme="option-4"] .info-card-header .panel-heading,
[data-theme="option-5"] .info-card-header .panel-heading {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .info-card-header .panel-desc,
[data-theme="option-2"] .info-card-header .panel-desc,
[data-theme="option-3"] .info-card-header .panel-desc,
[data-theme="option-4"] .info-card-header .panel-desc,
[data-theme="option-5"] .info-card-header .panel-desc {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .channel-item,
[data-theme="option-2"] .channel-item,
[data-theme="option-3"] .channel-item,
[data-theme="option-4"] .channel-item,
[data-theme="option-5"] .channel-item {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="option-1"] .channel-item:hover,
[data-theme="option-2"] .channel-item:hover,
[data-theme="option-3"] .channel-item:hover,
[data-theme="option-4"] .channel-item:hover,
[data-theme="option-5"] .channel-item:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 10px 28px var(--gold-glow) !important;
}

[data-theme="option-1"] .channel-value,
[data-theme="option-2"] .channel-value,
[data-theme="option-3"] .channel-value,
[data-theme="option-4"] .channel-value,
[data-theme="option-5"] .channel-value,
[data-theme="option-1"] .channel-link,
[data-theme="option-2"] .channel-link,
[data-theme="option-3"] .channel-link,
[data-theme="option-4"] .channel-link,
[data-theme="option-5"] .channel-link {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .channel-detail,
[data-theme="option-2"] .channel-detail,
[data-theme="option-3"] .channel-detail,
[data-theme="option-4"] .channel-detail,
[data-theme="option-5"] .channel-detail {
    color: var(--text-muted) !important;
}

[data-theme="option-1"] .trust-badge-pill,
[data-theme="option-2"] .trust-badge-pill,
[data-theme="option-3"] .trust-badge-pill,
[data-theme="option-4"] .trust-badge-pill,
[data-theme="option-5"] .trust-badge-pill {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .badge-dot,
[data-theme="option-2"] .badge-dot,
[data-theme="option-3"] .badge-dot,
[data-theme="option-4"] .badge-dot,
[data-theme="option-5"] .badge-dot {
    background: var(--gold-500) !important;
    box-shadow: 0 0 8px var(--gold-glow) !important;
}

/* Tarjeta y campos del Formulario */
[data-theme="option-1"] .contact-form-panel .form-card,
[data-theme="option-2"] .contact-form-panel .form-card,
[data-theme="option-3"] .contact-form-panel .form-card,
[data-theme="option-4"] .contact-form-panel .form-card,
[data-theme="option-5"] .contact-form-panel .form-card {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="option-1"] .contact-form-panel .form-card:hover,
[data-theme="option-2"] .contact-form-panel .form-card:hover,
[data-theme="option-3"] .contact-form-panel .form-card:hover,
[data-theme="option-4"] .contact-form-panel .form-card:hover,
[data-theme="option-5"] .contact-form-panel .form-card:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 20px 50px var(--gold-glow) !important;
}

[data-theme="option-1"] .form-card-header,
[data-theme="option-2"] .form-card-header,
[data-theme="option-3"] .form-card-header,
[data-theme="option-4"] .form-card-header,
[data-theme="option-5"] .form-card-header {
    border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .form-title,
[data-theme="option-2"] .form-title,
[data-theme="option-3"] .form-title,
[data-theme="option-4"] .form-title,
[data-theme="option-5"] .form-title {
    color: var(--text-white) !important;
}

[data-theme="option-1"] .form-subtitle,
[data-theme="option-2"] .form-subtitle,
[data-theme="option-3"] .form-subtitle,
[data-theme="option-4"] .form-subtitle,
[data-theme="option-5"] .form-subtitle {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .form-label,
[data-theme="option-2"] .form-label,
[data-theme="option-3"] .form-label,
[data-theme="option-4"] .form-label,
[data-theme="option-5"] .form-label {
    color: var(--text-secondary) !important;
}

[data-theme="option-1"] .form-input,
[data-theme="option-1"] .form-textarea,
[data-theme="option-2"] .form-input,
[data-theme="option-2"] .form-textarea,
[data-theme="option-3"] .form-input,
[data-theme="option-3"] .form-textarea,
[data-theme="option-4"] .form-input,
[data-theme="option-4"] .form-textarea,
[data-theme="option-5"] .form-input,
[data-theme="option-5"] .form-textarea {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

[data-theme="option-1"] .form-input:focus,
[data-theme="option-1"] .form-textarea:focus,
[data-theme="option-2"] .form-input:focus,
[data-theme="option-2"] .form-textarea:focus,
[data-theme="option-3"] .form-input:focus,
[data-theme="option-3"] .form-textarea:focus,
[data-theme="option-4"] .form-input:focus,
[data-theme="option-4"] .form-textarea:focus,
[data-theme="option-5"] .form-input:focus,
[data-theme="option-5"] .form-textarea:focus {
    border-color: var(--gold-500) !important;
    box-shadow: 0 0 0 3px var(--gold-glow) !important;
    background: #FFFFFF !important;
}


/* ==========================================================================
   ACENTOS ESPECÍFICOS POR TEMA EN INGENIERÍA Y CONTACTO
   ========================================================================== */

/* --- OPCIÓN 1 (CATERPILLAR INDUSTRIAL) --- */
[data-theme="option-1"] .light-tag {
    color: #B45309 !important;
    border-color: rgba(255, 205, 17, 0.5) !important;
    background: #FFFBEB !important;
}

[data-theme="option-1"] .light-tag .tag-dot {
    color: #FFCD11 !important;
}

[data-theme="option-1"] .light-image-badge {
    border-color: #FFCD11 !important;
    color: #FFE14D !important;
}

[data-theme="option-1"] .light-card-meta {
    color: #B45309 !important;
}

[data-theme="option-1"] .light-card-link {
    color: #B45309 !important;
}

[data-theme="option-1"] .light-card-link:hover {
    color: #78350F !important;
}

[data-theme="option-1"] .trust-pill {
    color: #B45309 !important;
}

[data-theme="option-1"] .btn-dark-luxury:hover {
    background: #FFCD11 !important;
    color: #000000 !important;
    border-color: #FFCD11 !important;
    box-shadow: 0 8px 24px rgba(255, 205, 17, 0.4) !important;
}

[data-theme="option-1"] .contact-section .hero-eyebrow {
    background: #FFFBEB !important;
    border: 1px solid rgba(255, 205, 17, 0.5) !important;
}

[data-theme="option-1"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #B45309 !important;
}

[data-theme="option-1"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #FFCD11 !important;
}

[data-theme="option-1"] .info-card-header .panel-tag {
    color: #B45309 !important;
}

[data-theme="option-1"] .channel-icon {
    background: #FFFBEB !important;
    border-color: #FDE68A !important;
    color: #B45309 !important;
}

[data-theme="option-1"] .channel-label {
    color: #B45309 !important;
}

[data-theme="option-1"] .channel-link:hover {
    color: #B45309 !important;
}

/* --- OPCIÓN 2 (CERÚLEO & ARENA MINERAL) --- */
[data-theme="option-2"] .light-tag {
    color: #2274A5 !important;
    border-color: rgba(34, 116, 165, 0.4) !important;
    background: rgba(34, 116, 165, 0.08) !important;
}

[data-theme="option-2"] .light-tag .tag-dot {
    color: #2274A5 !important;
}

[data-theme="option-2"] .light-image-badge {
    border-color: #2274A5 !important;
    color: #328EC7 !important;
}

[data-theme="option-2"] .light-card-meta {
    color: #2274A5 !important;
}

[data-theme="option-2"] .light-card-link {
    color: #2274A5 !important;
}

[data-theme="option-2"] .light-card-link:hover {
    color: #165175 !important;
}

[data-theme="option-2"] .trust-pill {
    color: #2274A5 !important;
}

[data-theme="option-2"] .btn-dark-luxury:hover {
    background: #2274A5 !important;
    color: #FFFFFF !important;
    border-color: #2274A5 !important;
    box-shadow: 0 8px 24px rgba(34, 116, 165, 0.35) !important;
}

[data-theme="option-2"] .contact-section .hero-eyebrow {
    background: rgba(34, 116, 165, 0.08) !important;
    border: 1px solid rgba(34, 116, 165, 0.35) !important;
}

[data-theme="option-2"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #2274A5 !important;
}

[data-theme="option-2"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #2274A5 !important;
}

[data-theme="option-2"] .info-card-header .panel-tag {
    color: #2274A5 !important;
}

[data-theme="option-2"] .channel-icon {
    background: rgba(34, 116, 165, 0.08) !important;
    border-color: rgba(34, 116, 165, 0.3) !important;
    color: #2274A5 !important;
}

[data-theme="option-2"] .channel-label {
    color: #2274A5 !important;
}

[data-theme="option-2"] .channel-link:hover {
    color: #2274A5 !important;
}

/* --- OPCIÓN 3 (COBRE & ARENA CALIZA) --- */
[data-theme="option-3"] .light-tag {
    color: #D35400 !important;
    border-color: rgba(211, 84, 0, 0.4) !important;
    background: rgba(211, 84, 0, 0.08) !important;
}

[data-theme="option-3"] .light-tag .tag-dot {
    color: #D35400 !important;
}

[data-theme="option-3"] .light-image-badge {
    border-color: #D35400 !important;
    color: #FB923C !important;
}

[data-theme="option-3"] .light-card-meta {
    color: #D35400 !important;
}

[data-theme="option-3"] .light-card-link {
    color: #D35400 !important;
}

[data-theme="option-3"] .light-card-link:hover {
    color: #933900 !important;
}

[data-theme="option-3"] .trust-pill {
    color: #D35400 !important;
}

[data-theme="option-3"] .btn-dark-luxury:hover {
    background: #D35400 !important;
    color: #FFFFFF !important;
    border-color: #D35400 !important;
    box-shadow: 0 8px 24px rgba(211, 84, 0, 0.35) !important;
}

[data-theme="option-3"] .contact-section .hero-eyebrow {
    background: rgba(211, 84, 0, 0.08) !important;
    border: 1px solid rgba(211, 84, 0, 0.35) !important;
}

[data-theme="option-3"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #D35400 !important;
}

[data-theme="option-3"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #D35400 !important;
}

[data-theme="option-3"] .info-card-header .panel-tag {
    color: #D35400 !important;
}

[data-theme="option-3"] .channel-icon {
    background: rgba(211, 84, 0, 0.08) !important;
    border-color: rgba(211, 84, 0, 0.3) !important;
    color: #D35400 !important;
}

[data-theme="option-3"] .channel-label {
    color: #D35400 !important;
}

[data-theme="option-3"] .channel-link:hover {
    color: #D35400 !important;
}

/* --- OPCIÓN 4 (DARK SLATE & ALABASTER MINERAL) --- */
[data-theme="option-4"] .light-tag {
    color: #384D48 !important;
    border-color: rgba(56, 77, 72, 0.4) !important;
    background: rgba(56, 77, 72, 0.08) !important;
}

[data-theme="option-4"] .light-tag .tag-dot {
    color: #384D48 !important;
}

[data-theme="option-4"] .light-image-badge {
    border-color: #384D48 !important;
    color: #ACAD94 !important;
}

[data-theme="option-4"] .light-card-meta {
    color: #384D48 !important;
}

[data-theme="option-4"] .light-card-link {
    color: #384D48 !important;
}

[data-theme="option-4"] .light-card-link:hover {
    color: #202E2B !important;
}

[data-theme="option-4"] .trust-pill {
    color: #384D48 !important;
}

[data-theme="option-4"] .btn-dark-luxury:hover {
    background: #384D48 !important;
    color: #FFFFFF !important;
    border-color: #384D48 !important;
    box-shadow: 0 8px 24px rgba(56, 77, 72, 0.35) !important;
}

[data-theme="option-4"] .contact-section .hero-eyebrow {
    background: rgba(56, 77, 72, 0.08) !important;
    border: 1px solid rgba(56, 77, 72, 0.35) !important;
}

[data-theme="option-4"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #384D48 !important;
}

[data-theme="option-4"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #384D48 !important;
}

[data-theme="option-4"] .info-card-header .panel-tag {
    color: #384D48 !important;
}

[data-theme="option-4"] .channel-icon {
    background: rgba(56, 77, 72, 0.08) !important;
    border-color: rgba(56, 77, 72, 0.3) !important;
    color: #384D48 !important;
}

[data-theme="option-4"] .channel-label {
    color: #384D48 !important;
}

[data-theme="option-4"] .channel-link:hover {
    color: #384D48 !important;
}

/* --- OPCIÓN 5 (GUNMETAL GRAY & MINING LIME GREEN SPRAY) --- */
[data-theme="option-5"] .light-tag {
    color: #3D3D3D !important;
    border-color: rgba(139, 255, 31, 0.8) !important;
    background: rgba(139, 255, 31, 0.12) !important;
    box-shadow: 0 0 12px rgba(139, 255, 31, 0.25) !important;
}

[data-theme="option-5"] .light-tag .tag-dot {
    color: #8BFF1F !important;
    text-shadow: 0 0 8px #8BFF1F;
}

[data-theme="option-5"] .text-gradient-bronze {
    background: linear-gradient(135deg, #4EA805 0%, #8BFF1F 45%, #3D3D3D 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(139, 255, 31, 0.35));
}

[data-theme="option-5"] .light-card:hover {
    border-color: #8BFF1F !important;
    box-shadow: 0 16px 35px rgba(61, 61, 61, 0.15), 0 0 20px rgba(139, 255, 31, 0.35) !important;
}

[data-theme="option-5"] .light-image-badge {
    background: rgba(61, 61, 61, 0.88) !important;
    border-color: #8BFF1F !important;
    color: #8BFF1F !important;
    box-shadow: 0 0 10px rgba(139, 255, 31, 0.35) !important;
}

[data-theme="option-5"] .light-card-meta {
    color: #4EA805 !important;
    font-weight: 800 !important;
}

[data-theme="option-5"] .light-card-link {
    color: #3D3D3D !important;
}

[data-theme="option-5"] .light-card-link:hover {
    color: #4EA805 !important;
}

[data-theme="option-5"] .trust-pill {
    color: #3D3D3D !important;
    background: rgba(139, 255, 31, 0.15) !important;
    border: 1px solid rgba(139, 255, 31, 0.6) !important;
    font-weight: 800 !important;
    padding: 4px 12px;
    border-radius: 999px;
    box-shadow: 0 0 10px rgba(139, 255, 31, 0.25) !important;
}

[data-theme="option-5"] .btn-dark-luxury {
    background: #3D3D3D !important;
    color: #FFFFFF !important;
    border: 1.5px solid rgba(139, 255, 31, 0.7) !important;
    box-shadow: 0 0 14px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .btn-dark-luxury:hover {
    background: #242424 !important;
    color: #8BFF1F !important;
    border-color: #8BFF1F !important;
    box-shadow: 0 0 22px rgba(139, 255, 31, 0.6) !important;
}

[data-theme="option-5"] .contact-section .hero-eyebrow {
    background: rgba(139, 255, 31, 0.1) !important;
    border: 1px dashed rgba(139, 255, 31, 0.8) !important;
    box-shadow: 0 0 14px rgba(139, 255, 31, 0.25) !important;
}

[data-theme="option-5"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #3D3D3D !important;
    font-weight: 800 !important;
}

[data-theme="option-5"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #8BFF1F !important;
}

[data-theme="option-5"] .info-card-header .panel-tag {
    color: #4EA805 !important;
    font-weight: 800 !important;
}

[data-theme="option-5"] .channel-icon {
    background: #3D3D3D !important;
    border-color: #8BFF1F !important;
    color: #8BFF1F !important;
    box-shadow: 0 0 12px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .channel-label {
    color: #3D3D3D !important;
}

[data-theme="option-5"] .channel-link:hover {
    color: #4EA805 !important;
}

[data-theme="option-5"] .contact-form-panel .form-card:hover {
    border-color: #8BFF1F !important;
    box-shadow: 0 20px 50px rgba(61, 61, 61, 0.12), 0 0 25px rgba(139, 255, 31, 0.3) !important;
}

[data-theme="option-5"] .form-input:focus,
[data-theme="option-5"] .form-textarea:focus {
    border-color: #8BFF1F !important;
    box-shadow: 0 0 0 3px rgba(139, 255, 31, 0.35) !important;
}

/* Filtros de la Galería en secciones claras */
[data-theme="option-1"] .filter-btn,
[data-theme="option-2"] .filter-btn,
[data-theme="option-3"] .filter-btn,
[data-theme="option-4"] .filter-btn,
[data-theme="option-5"] .filter-btn {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    color: var(--text-secondary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

[data-theme="option-1"] .filter-btn:hover,
[data-theme="option-2"] .filter-btn:hover,
[data-theme="option-3"] .filter-btn:hover,
[data-theme="option-4"] .filter-btn:hover,
[data-theme="option-5"] .filter-btn:hover {
    background: #F9FAFB;
    border-color: var(--gold-500);
    color: var(--text-primary);
}

/* Galería: Texto siempre blanco sobre la foto en mina */
.gallery-caption {
    color: #FFFFFF !important;
}

.gallery-detail {
    color: #E2E8F0 !important;
}

/* Lightbox Modal siempre cinematográfico oscuro */
.lb-title {
    color: #FFFFFF !important;
}

.lb-desc {
    color: #CBD5E1 !important;
}


/* ==========================================================================
   PÁGINA CATÁLOGO: HERO ADAPTABLE + PRODUCTOS EN TONOS CLAROS
   ========================================================================== */
.page-catalog {
    background-color: var(--bg-secondary);
}

/* Opción 0: Catálogo con Hero Oscuro */
[data-theme="option-0"] .catalog-hero-section {
    background-color: var(--hero-bg, #0C0E13) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="option-0"] .catalog-hero-title {
    color: #FFFFFF !important;
}

[data-theme="option-0"] .catalog-hero-lead {
    color: #A3ACB9 !important;
}

[data-theme="option-0"] .catalog-search-box {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="option-0"] .catalog-search-box input {
    color: #FFFFFF !important;
}

/* Opciones 1, 2, 3, 4 y 5: Catálogo con Hero Claro Luminoso */
[data-theme="option-1"] .catalog-hero-section,
[data-theme="option-2"] .catalog-hero-section,
[data-theme="option-3"] .catalog-hero-section,
[data-theme="option-4"] .catalog-hero-section,
[data-theme="option-5"] .catalog-hero-section {
    background-color: var(--hero-bg) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

[data-theme="option-1"] .catalog-hero-title,
[data-theme="option-2"] .catalog-hero-title,
[data-theme="option-3"] .catalog-hero-title,
[data-theme="option-4"] .catalog-hero-title,
[data-theme="option-5"] .catalog-hero-title {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .catalog-hero-lead,
[data-theme="option-2"] .catalog-hero-lead,
[data-theme="option-3"] .catalog-hero-lead,
[data-theme="option-4"] .catalog-hero-lead,
[data-theme="option-5"] .catalog-hero-lead {
    color: var(--hero-subtext) !important;
}

[data-theme="option-1"] .catalog-search-box,
[data-theme="option-2"] .catalog-search-box,
[data-theme="option-3"] .catalog-search-box,
[data-theme="option-4"] .catalog-search-box,
[data-theme="option-5"] .catalog-search-box {
    background: #FFFFFF !important;
    border: 1.5px solid var(--border-subtle) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="option-1"] .catalog-search-box input,
[data-theme="option-2"] .catalog-search-box input,
[data-theme="option-3"] .catalog-search-box input,
[data-theme="option-4"] .catalog-search-box input,
[data-theme="option-5"] .catalog-search-box input {
    color: var(--hero-text) !important;
}

[data-theme="option-1"] .catalog-search-box input::placeholder,
[data-theme="option-2"] .catalog-search-box input::placeholder,
[data-theme="option-3"] .catalog-search-box input::placeholder,
[data-theme="option-4"] .catalog-search-box input::placeholder,
[data-theme="option-5"] .catalog-search-box input::placeholder {
    color: var(--hero-subtext) !important;
}

.catalog-main-section {
    background-color: var(--bg-secondary);
}

.catalog-sidebar-inner {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.product-card {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.product-specs-table-wrap {
    background: #F8FAFC;
    border-color: var(--border-subtle);
}

.catalog-cta-strip {
    background: var(--bg-secondary);
    border-color: var(--border-subtle);
}


/* ==========================================================================
   FLOATING THEME SWITCHER WIDGET UI (VISTA LIMPIA EN VIVO / CERO BLUR)
   ========================================================================== */
.theme-switcher-root {
    font-family: var(--font-body, 'Plus Jakarta Sans', -apple-system, sans-serif);
}

.theme-switcher-tab {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: #0F172A;
    color: #F8FAFC;
    border: 1.5px solid rgba(212, 149, 68, 0.5);
    border-right: none;
    padding: 14px 10px 14px 12px;
    border-radius: 28px 0 0 28px;
    cursor: pointer;
    box-shadow: -6px 8px 30px rgba(0, 0, 0, 0.35);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    user-select: none;
}

.theme-switcher-tab:hover {
    background: #1E293B;
    border-color: var(--gold-500, #FFCD11);
    padding-left: 16px;
    box-shadow: -8px 12px 35px rgba(0, 0, 0, 0.45);
}

.theme-tab-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10B981;
    box-shadow: 0 0 10px #10B981;
    animation: pulseDot 2s infinite ease-in-out;
}

@keyframes pulseDot {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.45;
        transform: scale(0.85);
    }
}

.theme-tab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-500, #FFCD11);
}

.theme-tab-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-family: var(--font-heading, 'Space Grotesk', sans-serif);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #E2E8F0;
}

/* Backdrop completamente eliminado para ver el sitio en tiempo real sin blur */
.theme-switcher-backdrop {
    display: none !important;
}

/* Panel Deslizable Lateral */
.theme-switcher-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    height: 100dvh;
    width: 390px;
    max-width: 90vw;
    background: #0B0F17;
    color: #F1F5F9;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: -12px 0 45px rgba(0, 0, 0, 0.55);
    z-index: 1000001;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}

.theme-switcher-drawer.open {
    transform: translateX(0);
}

.theme-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(15, 23, 42, 0.85);
}

.theme-drawer-title-group {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.theme-drawer-badge {
    font-family: var(--font-heading, sans-serif);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #FFCD11;
    text-transform: uppercase;
}

.theme-drawer-title {
    font-family: var(--font-heading, sans-serif);
    font-size: 1.2rem;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0;
}

.theme-drawer-close {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #94A3B8;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

.theme-drawer-close:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    transform: scale(1.05);
}

.theme-drawer-body {
    padding: 18px 20px;
    overflow-y: auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.theme-drawer-instructions {
    font-size: 0.8rem;
    color: #94A3B8;
    line-height: 1.45;
    margin-bottom: 2px;
}

.theme-option-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 7px;
    outline: none;
}

.theme-option-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
}

.theme-option-card.active {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--card-accent, #FFCD11);
    box-shadow: 0 0 0 1px var(--card-accent, #FFCD11), 0 8px 24px rgba(0, 0, 0, 0.35);
}

.theme-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.theme-card-badge {
    font-family: var(--font-heading, sans-serif);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    padding: 2px 7px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.theme-card-check {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: all 0.2s ease;
}

.theme-option-card.active .theme-card-check {
    background: var(--card-accent, #FFCD11);
    border-color: var(--card-accent, #FFCD11);
    color: #000000;
}

.theme-card-name {
    font-family: var(--font-heading, sans-serif);
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
}

.theme-card-desc {
    font-size: 0.77rem;
    color: #94A3B8;
    line-height: 1.35;
}

.theme-swatches-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
    padding-top: 6px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.theme-swatch-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.68rem;
    color: #94A3B8;
}

.theme-swatch-color {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.35);
}

.theme-drawer-footer {
    padding: 12px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(15, 23, 42, 0.85);
    font-size: 0.74rem;
    color: #94A3B8;
    line-height: 1.4;
}