/* ═══════════════════════════════════════════════════════════════════════════
   ULTRAGENTES-IA · CHAROL THEME SYSTEM  ·  V6.0
   ─────────────────────────────────────────────────────────────────────────
   Estética extraída de las imágenes del robot insignia:
   · Armadura blanca PERLA / CHAROL (patent-leather glossy)
   · Núcleo de pecho CIAN (arc-reactor glow)  -> #00E5FF / #18F0E6
   · Líneas de energía VIOLETA / PÚRPURA      -> #8A5BFF / #B388FF
   · Trim metálico ORO + TEAL                 -> #E8C66B / #1FB6A6
   · Paneles holográficos HUD (planos, líneas finas, cian translúcido)
   · Negro CHAROL (modo noche): negro profundo pulido con reflejos
   ─────────────────────────────────────────────────────────────────────────
   Se carga DESPUÉS de ultra.css y ultra-components.css y reescribe las
   variables semánticas + componentes clave para ambos modos.
   ═════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════
   1 · TOKENS DE MARCA (constantes en ambos modos)
   ════════════════════════════════════════════ */
:root {
    --cl-cyan:        #00E5FF;
    --cl-cyan-soft:   #5BF2FF;
    --cl-cyan-core:   #18F0E6;
    --cl-teal:        #1FB6A6;
    --cl-teal-dk:     #0E8B7E;
    --cl-violet:      #8A5BFF;
    --cl-violet-2:    #B388FF;
    --cl-violet-dk:   #6C3FE0;
    --cl-magenta:     #E91E8C;
    --cl-gold:        #E8C66B;
    --cl-gold-2:      #FFD740;
    --cl-orange:      #FF6B35;

    /* ── COLORES SÓLIDOS (diseño sin gradientes) ──
       El acento de texto y botones usa color plano y legible. */
    --cl-accent:      #00E5FF;   /* acento de texto (cian sólido)  */
    --cl-btn:         #8A5BFF;   /* botón primario (violeta sólido) */
    --cl-btn-hover:   #7A47F5;
    --cl-gold-solid:  #E8C66B;
    --cl-magenta-solid:#E91E8C;
    --cl-orange-solid:#FF6B35;
    --cl-teal-solid:  #1FB6A6;

    /* gradientes legacy (ya NO se usan en texto/botones/iconos) */
    --cl-grad-core:   radial-gradient(circle at 50% 45%, #BFFCFF 0%, #18F0E6 28%, #00BFE0 55%, #0090C8 100%);
    --cl-grad-energy: linear-gradient(135deg, #8A5BFF 0%, #B388FF 45%, #00E5FF 100%);
    --cl-grad-logo:   linear-gradient(95deg, #00E5FF 0%, #8A5BFF 48%, #E91E8C 100%);
    --cl-grad-trim:   linear-gradient(180deg, #FFE9A8 0%, #E8C66B 45%, #B98E2E 100%);
    --cl-grad-teal:   linear-gradient(135deg, #18F0E6 0%, #1FB6A6 60%, #0E8B7E 100%);

    --cl-radius:      20px;
    --cl-radius-lg:   28px;
    --cl-trans:       .45s cubic-bezier(.2,.8,.3,1);
}

/* ════════════════════════════════════════════
   2 · MODO NOCHE — NEGRO CHAROL  (default)
   Negro profundo pulido, reflejos sutiles, glow neón
   ════════════════════════════════════════════ */
:root,
[data-theme="dark"] {
    --paper:        #05070E;          /* fondo base */
    --paper-2:      #080B16;
    --paper-3:      #0B1020;
    --ink:          #EAF1FF;          /* texto principal */
    --ink-dim:      #97A7CA;
    --ink-muted:    #5A6A8C;

    /* superficie charol (tarjetas) */
    --charol:       linear-gradient(155deg, #141A2C 0%, #0C1120 55%, #070A14 100%);
    --charol-hover: linear-gradient(155deg, #1A2236 0%, #10172A 55%, #0A0F1E 100%);
    --charol-solid: #0E1322;
    --charol-edge:  rgba(255,255,255,.07);
    --sheen:        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 38%, rgba(255,255,255,0) 100%);

    --hairline:     rgba(0,229,255,.20);
    --hairline-2:   rgba(138,91,255,.28);
    --glass:        rgba(12,18,34,.62);
    --glass-brd:    rgba(120,170,255,.16);

    --hud-bg:       rgba(8,16,30,.42);
    --hud-line:     rgba(0,229,255,.30);
    --hud-text:     #9FE9FF;

    --shadow-card:  0 18px 50px rgba(0,0,0,.6), 0 3px 12px rgba(0,0,0,.5);
    --shadow-glow:  0 0 50px rgba(0,229,255,.14);

    --nav-bg:       rgba(6,9,18,.72);
    --footer-bg:    linear-gradient(180deg, #070B16 0%, #04060E 100%);

    /* halos ambientales del fondo */
    --orb-cyan:     rgba(0,229,255,.16);
    --orb-violet:   rgba(138,91,255,.16);
    --orb-teal:     rgba(31,182,166,.12);
    --grid-line:    rgba(120,170,255,.05);
    color-scheme: dark;
}

/* ════════════════════════════════════════════
   3 · MODO DÍA — BLANCO CHAROL
   Fondo perla, superficies blanco charol brillante,
   acentos cyan/violeta/teal/oro como en las imágenes
   ════════════════════════════════════════════ */
[data-theme="light"] {
    --paper:        #EDF2FA;
    --paper-2:      #F4F7FC;
    --paper-3:      #FBFCFE;
    --ink:          #14213D;
    --ink-dim:      #45567A;
    --ink-muted:    #8190AD;

    --charol:       linear-gradient(155deg, #FFFFFF 0%, #F0F4FB 55%, #E6ECF6 100%);
    --charol-hover: linear-gradient(155deg, #FFFFFF 0%, #F5F8FD 55%, #EDF2FA 100%);
    --charol-solid: #FFFFFF;
    --charol-edge:  rgba(20,33,61,.08);
    --sheen:        linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.4) 38%, rgba(255,255,255,0) 100%);

    --hairline:     rgba(0,176,210,.30);
    --hairline-2:   rgba(138,91,255,.28);
    --glass:        rgba(255,255,255,.72);
    --glass-brd:    rgba(20,33,61,.10);

    --hud-bg:       rgba(255,255,255,.55);
    --hud-line:     rgba(0,176,210,.45);
    --hud-text:     #0A7CA0;

    --shadow-card:  0 18px 44px rgba(40,70,120,.16), 0 3px 10px rgba(40,70,120,.10);
    --shadow-glow:  0 0 50px rgba(0,229,255,.18);

    --nav-bg:       rgba(248,250,253,.82);
    --footer-bg:    linear-gradient(180deg, #E9EFF8 0%, #DDE6F2 100%);

    --orb-cyan:     rgba(0,210,235,.22);
    --orb-violet:   rgba(138,91,255,.18);
    --orb-teal:     rgba(31,182,166,.20);
    --grid-line:    rgba(40,70,120,.06);
    color-scheme: light;
}

/* ════════════════════════════════════════════
   4 · BASE GLOBAL (aplica variables al body)
   ════════════════════════════════════════════ */
html { scroll-behavior: smooth; }
body {
    background: var(--paper) !important;
    color: var(--ink) !important;
    transition: background .5s ease, color .5s ease;
}
::selection { background: var(--cl-violet); color:#fff; }

/* fondo cinemático charol — reescribe cosmos-bg */
.cosmos-bg { background: var(--paper) !important; transition: background .5s ease; }
.cosmos-gradient {
    background:
        radial-gradient(ellipse 70% 60% at 15% 8%, var(--orb-cyan), transparent 60%),
        radial-gradient(ellipse 60% 55% at 88% 22%, var(--orb-violet), transparent 60%),
        radial-gradient(ellipse 65% 60% at 50% 110%, var(--orb-teal), transparent 60%) !important;
    opacity:1 !important;
}
.cosmos-grid {
    background-image:
        linear-gradient(var(--grid-line) 1px, transparent 1px),
        linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) !important;
    background-size: 64px 64px !important;
    opacity:1 !important;
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 80%);
            mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 80%);
}
.cosmos-orb-1 { background: var(--orb-cyan) !important; }
.cosmos-orb-2 { background: var(--orb-violet) !important; }
.cosmos-orb-3 { background: var(--orb-teal) !important; }
[data-theme="light"] .cosmos-noise { opacity:.25 !important; }

/* ════════════════════════════════════════════
   5 · NAVBAR CHAROL
   ════════════════════════════════════════════ */
.ultra-nav {
    background: var(--nav-bg) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%);
            backdrop-filter: blur(20px) saturate(160%);
    border-bottom: 1px solid var(--glass-brd) !important;
    transition: background .5s ease, border-color .5s ease;
}
.nav-link { color: var(--ink-dim) !important; }
.nav-link:hover, .nav-link.active { color: var(--ink) !important; }
/* wordmark de marca — COLOR SÓLIDO (sin gradiente, sin recorte de texto) */
.brand-wordmark {
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-text-fill-color: var(--cl-accent) !important;
    color: var(--cl-accent) !important;
}
.brand-wordmark .brand-ia {
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-text-fill-color: var(--cl-violet) !important;
    color: var(--cl-violet) !important;
}

/* botón toggle día/noche */
.theme-toggle {
    --tt-size: 42px;
    position: relative;
    width: var(--tt-size); height: var(--tt-size);
    border-radius: 50%;
    border: 1px solid var(--glass-brd);
    background: var(--glass);
    color: var(--cl-cyan);
    display:inline-flex; align-items:center; justify-content:center;
    cursor:pointer; font-size:16px; flex-shrink:0;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 14px rgba(0,0,0,.25);
    transition: transform .4s var(--cl-trans), color .4s, background .4s, box-shadow .4s;
    overflow:hidden;
}
.theme-toggle::before {
    content:""; position:absolute; inset:0; border-radius:50%;
    background: var(--cl-btn); opacity:0; transition:opacity .4s;
}
.theme-toggle:hover { transform: rotate(18deg) scale(1.08); box-shadow:0 0 22px rgba(0,229,255,.45); }
.theme-toggle .ti { position:relative; z-index:1; transition: opacity .35s, transform .45s; }
.theme-toggle .ti-sun  { display:none; }
[data-theme="light"] .theme-toggle .ti-moon { display:none; }
[data-theme="light"] .theme-toggle .ti-sun  { display:inline-block; color:var(--cl-gold-2); }
[data-theme="light"] .theme-toggle { color: var(--cl-gold-2); }

/* ════════════════════════════════════════════
   6 · HERO CHAROL
   ════════════════════════════════════════════ */
.hero-badge {
    background: var(--glass) !important;
    border: 1px solid var(--hairline) !important;
    color: var(--ink) !important;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.hero-badge-dot { background: var(--cl-teal) !important; box-shadow:0 0 10px var(--cl-teal); }
.hero-title { color: var(--ink) !important; }
.hero-line-1, .hero-line-3 { color: var(--ink) !important; }
/* Acentos de título — COLOR SÓLIDO (esto elimina los bloques rectangulares) */
.text-gradient, .hero-line-2.text-gradient {
    background: none !important;
    -webkit-background-clip: border-box !important;
            background-clip: border-box !important;
    -webkit-text-fill-color: var(--cl-accent) !important;
    color: var(--cl-accent) !important;
}
.hero-subtitle { color: var(--ink-dim) !important; }
.hero-subtitle strong { color: var(--ink) !important; }
.metric-value { color: var(--ink) !important; }
.metric-unit  { background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:var(--cl-accent) !important; color:var(--cl-accent) !important; }
.metric-label { color: var(--ink-muted) !important; }
.metric-divider { background: var(--hairline) !important; }

/* marco del visual hero — charol con esquinas HUD */
.hero-visual-frame {
    border-radius: var(--cl-radius-lg);
    background:
        var(--sheen),
        radial-gradient(ellipse 60% 50% at 50% 18%, rgba(0,229,255,.12), transparent 70%),
        var(--charol);
    border: 1px solid var(--charol-edge);
    box-shadow: var(--shadow-card), var(--shadow-glow);
    overflow:hidden;
}
.hero-corner { border-color: var(--cl-cyan) !important; }
.hero-android { filter: drop-shadow(0 26px 50px rgba(0,0,0,.45)); }
[data-theme="light"] .hero-android { filter: drop-shadow(0 26px 46px rgba(40,70,120,.28)); }

/* HUD cards — paneles holográficos */
.hud-card {
    background: var(--hud-bg) !important;
    border: 1px solid var(--hud-line) !important;
    -webkit-backdrop-filter: blur(12px) saturate(150%); backdrop-filter: blur(12px) saturate(150%);
    color: var(--ink) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.05);
}
.hud-card-label { color: var(--hud-text) !important; }
.hud-card-value { color: var(--ink) !important; }
.text-cyan { color: var(--cl-cyan) !important; }
.hud-bar { background: rgba(120,170,255,.18) !important; }
.hud-bar-fill { background: var(--cl-cyan) !important; }
.hud-pulse { background: var(--cl-cyan) !important; box-shadow:0 0 12px var(--cl-cyan); }
.hero-scroll-hint { color: var(--ink-muted) !important; }
.scroll-line { background: linear-gradient(var(--cl-cyan), transparent) !important; }

/* ════════════════════════════════════════════
   7 · SECCIONES / TIPOGRAFÍA
   ════════════════════════════════════════════ */
.section-dark { background: var(--paper-2) !important; }
.section-eyebrow { color: var(--cl-teal) !important; }
.eyebrow-dot { background: var(--cl-teal) !important; box-shadow:0 0 8px var(--cl-teal); }
.section-title { color: var(--ink) !important; }
.section-lead  { color: var(--ink-dim) !important; }
.trust-strip { border-top:1px solid var(--glass-brd); border-bottom:1px solid var(--glass-brd); }
.trust-label { color: var(--ink-muted) !important; }
.trust-item  { color: var(--ink-dim) !important; }
.trust-item i { color: var(--cl-cyan) !important; }

/* ════════════════════════════════════════════
   8 · SERVICE CARDS CHAROL
   ════════════════════════════════════════════ */
.service-card {
    background: var(--charol) !important;
    border: 1px solid var(--charol-edge) !important;
    border-radius: var(--cl-radius) !important;
    box-shadow: var(--shadow-card);
    transition: transform var(--cl-trans), box-shadow var(--cl-trans), border-color var(--cl-trans);
}
.service-card::before {
    content:""; position:absolute; top:0; left:0; right:0; height:42%;
    background: var(--sheen); border-radius: var(--cl-radius) var(--cl-radius) 0 0;
    pointer-events:none;
}
.service-card:hover {
    transform: translateY(-8px);
    border-color: var(--hairline) !important;
    box-shadow: var(--shadow-card), 0 0 38px rgba(0,229,255,.18);
}
.service-card-featured {
    border-color: var(--hairline-2) !important;
    box-shadow: var(--shadow-card), 0 0 44px rgba(138,91,255,.22);
}
.service-title { color: var(--ink) !important; }
.service-desc  { color: var(--ink-dim) !important; }
.service-features li { color: var(--ink-dim) !important; }
.service-features li i { color: var(--cl-teal) !important; }
.service-cta { color: var(--cl-cyan) !important; }
.service-badge { background: var(--cl-violet) !important; color:#fff !important; }
.service-icon { box-shadow: 0 8px 22px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.18); }
.service-icon-cyan    { background: var(--cl-cyan) !important; color:#04222b !important; }
.service-icon-violet  { background: var(--cl-violet) !important; color:#fff !important; }
.service-icon-gold    { background: var(--cl-gold-solid) !important; color:#3a2a05 !important; }
.service-icon-magenta { background: var(--cl-magenta-solid) !important; color:#fff !important; }
.service-icon-orange  { background: var(--cl-orange-solid) !important; color:#3a1500 !important; }
.service-icon-aqua    { background: var(--cl-teal-solid) !important; color:#04222b !important; }

/* ════════════════════════════════════════════
   9 · AGENT LIST / SHOWCASE
   ════════════════════════════════════════════ */
.agent-item {
    background: var(--charol) !important;
    border:1px solid var(--charol-edge) !important;
    border-radius: 16px !important;
    box-shadow: var(--shadow-card);
    transition: transform .35s, border-color .35s, box-shadow .35s;
}
.agent-item:hover { transform: translateX(6px); border-color: var(--hairline) !important; box-shadow: var(--shadow-card), 0 0 30px rgba(0,229,255,.15); }
.agent-id { background: var(--cl-violet) !important; color:#fff !important; }
.agent-body h3 { color: var(--ink) !important; }
.agent-body p  { color: var(--ink-dim) !important; }
.tag { background: var(--glass) !important; border:1px solid var(--hairline) !important; color: var(--ink-dim) !important; }
.agent-status { color: var(--cl-teal) !important; }
.status-dot { background: var(--cl-teal) !important; box-shadow:0 0 8px var(--cl-teal); }
.agent-portrait-frame { background: var(--charol) !important; border:1px solid var(--charol-edge) !important; box-shadow: var(--shadow-card), var(--shadow-glow); }
.ring { border-color: var(--hairline) !important; }
.ring-2 { border-color: var(--hairline-2) !important; }

/* ════════════════════════════════════════════
   10 · CAPACIDADES
   ════════════════════════════════════════════ */
.cap-card {
    background: var(--charol) !important;
    border:1px solid var(--charol-edge) !important;
    border-radius: var(--cl-radius) !important;
    box-shadow: var(--shadow-card);
    transition: transform .35s, border-color .35s, box-shadow .35s;
}
.cap-card:hover { transform: translateY(-6px); border-color: var(--hairline) !important; box-shadow: var(--shadow-card), 0 0 34px rgba(0,229,255,.16); }
.cap-card h3 { color: var(--ink) !important; }
.cap-card p  { color: var(--ink-dim) !important; }
.cap-icon { background: var(--cl-cyan) !important; color:#04222b !important; box-shadow:0 8px 22px rgba(0,229,255,.3); }
.cap-tag { background: var(--glass) !important; border:1px solid var(--hairline) !important; color: var(--cl-teal) !important; }
.cap-visual img { border-radius: 14px; }

/* ════════════════════════════════════════════
   11 · PRECIOS
   ════════════════════════════════════════════ */
.pricing-toggle { background: var(--glass) !important; border:1px solid var(--glass-brd) !important; }
.toggle-btn { color: var(--ink-dim) !important; }
.toggle-btn.active { background: var(--cl-btn) !important; color:#fff !important; }
.toggle-badge { background: var(--cl-teal) !important; color:#04222b !important; }
.price-card {
    background: var(--charol) !important;
    border:1px solid var(--charol-edge) !important;
    border-radius: var(--cl-radius-lg) !important;
    box-shadow: var(--shadow-card);
}
.price-card::before { content:""; position:absolute; top:0; left:0; right:0; height:38%; background: var(--sheen); pointer-events:none; border-radius: var(--cl-radius-lg) var(--cl-radius-lg) 0 0; }
.price-card-featured { border-color: var(--hairline-2) !important; box-shadow: var(--shadow-card), 0 0 50px rgba(138,91,255,.26); transform: translateY(-10px); }
.price-card-dark { background: linear-gradient(155deg,#0C1120,#070A14) !important; }
[data-theme="light"] .price-card-dark { background: linear-gradient(155deg,#16203A,#0E1730) !important; }
[data-theme="light"] .price-card-dark .price-name,
[data-theme="light"] .price-card-dark .price-desc,
[data-theme="light"] .price-card-dark .price-features li { color:#EAF1FF !important; }
.price-tier { color: var(--cl-cyan) !important; }
.price-tier-gold { background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:var(--cl-gold-solid) !important; color:var(--cl-gold-solid) !important; }
.price-name { color: var(--ink) !important; }
.price-desc { color: var(--ink-dim) !important; }
.price-number, .price-currency { color: var(--ink) !important; }
.price-period { color: var(--ink-muted) !important; }
.price-features li { color: var(--ink-dim) !important; }
.price-features li i { color: var(--cl-teal) !important; }
.price-features li.muted { color: var(--ink-muted) !important; }
.price-badge { background: var(--cl-btn) !important; color:#fff !important; }
.pricing-note { color: var(--ink-dim) !important; }
.pricing-note i { color: var(--cl-teal) !important; }

/* ════════════════════════════════════════════
   12 · PROCESO / FAQ
   ════════════════════════════════════════════ */
.process-step { background: var(--charol) !important; border:1px solid var(--charol-edge) !important; border-radius:16px !important; box-shadow: var(--shadow-card); }
.process-number { background:none !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:var(--cl-accent) !important; color:var(--cl-accent) !important; }
.process-content h3 { color: var(--ink) !important; }
.process-content p  { color: var(--ink-dim) !important; }
.process-time { color: var(--cl-teal) !important; }
.process-connector { background: var(--hairline) !important; }

.faq-item { background: var(--charol) !important; border:1px solid var(--charol-edge) !important; border-radius:16px !important; box-shadow: var(--shadow-card); }
.faq-item summary { color: var(--ink) !important; }
.faq-icon { color: var(--cl-cyan) !important; }
.faq-answer { color: var(--ink-dim) !important; }

/* ════════════════════════════════════════════
   13 · CTA FINAL
   ════════════════════════════════════════════ */
.cta-card {
    background:
        radial-gradient(ellipse 70% 80% at 80% 20%, rgba(138,91,255,.18), transparent 65%),
        var(--charol) !important;
    border:1px solid var(--hairline) !important;
    border-radius: var(--cl-radius-lg) !important;
    box-shadow: var(--shadow-card), var(--shadow-glow);
}
.cta-title { color: var(--ink) !important; }
.cta-lead  { color: var(--ink-dim) !important; }

/* ════════════════════════════════════════════
   14 · GALERÍA ROBOTS (Ejército IA)
   ════════════════════════════════════════════ */
.robot-card, .robot-card-v4 {
    background: var(--charol) !important;
    border:1px solid var(--charol-edge) !important;
    border-radius: var(--cl-radius) !important;
    box-shadow: var(--shadow-card);
    transition: transform var(--cl-trans), border-color var(--cl-trans), box-shadow var(--cl-trans);
}
.robot-card:hover, .robot-card-v4:hover {
    transform: translateY(-10px);
    border-color: var(--hairline) !important;
    box-shadow: var(--shadow-card), 0 0 42px rgba(0,229,255,.22);
}
.robot-card-featured { border-color: var(--hairline-2) !important; box-shadow: var(--shadow-card), 0 0 48px rgba(138,91,255,.24); }
.robot-img-wrap { background: radial-gradient(ellipse at 50% 30%, rgba(0,229,255,.10), transparent 70%); }
.robot-status { background: var(--cl-teal) !important; color:#04222b !important; }
.robot-card-body h3 { color: var(--ink) !important; }
.robot-tagline { color: var(--ink-dim) !important; }
.robot-badge { background: var(--cl-cyan) !important; color:#04222b !important; }
.robot-badge-violet { background: var(--cl-violet) !important; color:#fff !important; }
.robot-badge-teal   { background: var(--cl-teal-solid) !important; color:#04222b !important; }
.robot-badge-gold   { background: var(--cl-gold-solid) !important; color:#3a2a05 !important; }
.robot-stat-val { color: var(--ink) !important; }
.robot-stat-label { color: var(--ink-muted) !important; }
.cap-chip { background: var(--glass) !important; border:1px solid var(--hairline) !important; color: var(--ink-dim) !important; }
.robot-code { color: var(--ink-muted) !important; }
.robot-view { color: var(--cl-cyan) !important; }
.robot-scan { background: linear-gradient(180deg, transparent, rgba(0,229,255,.25), transparent) !important; }
.robot-glow-cyan   { background: radial-gradient(circle, rgba(0,229,255,.4), transparent 70%) !important; }
.robot-glow-violet { background: radial-gradient(circle, rgba(138,91,255,.4), transparent 70%) !important; }
.robot-glow-teal   { background: radial-gradient(circle, rgba(31,182,166,.4), transparent 70%) !important; }
.robot-glow-gold   { background: radial-gradient(circle, rgba(232,198,107,.4), transparent 70%) !important; }

/* ornamentos egipcios — atenuar en modo claro */
.egyptian-orn { color: var(--cl-violet) !important; opacity:.10 !important; }
[data-theme="light"] .egyptian-orn { opacity:.08 !important; }
.hieroglyphs, .hieroglyph-band { color: var(--ink-muted) !important; }
.egyptian-divider .line { background: linear-gradient(90deg, transparent, var(--hairline)) !important; }
.deco-orb { opacity:.5 !important; }

/* ════════════════════════════════════════════
   15 · BOTONES CHAROL
   ════════════════════════════════════════════ */
.btn-primary {
    background: var(--cl-btn) !important;
    color:#fff !important;
    border:none !important;
    box-shadow: 0 10px 26px rgba(138,91,255,.32), inset 0 1px 0 rgba(255,255,255,.22);
}
.btn-primary:hover { background: var(--cl-btn-hover) !important; box-shadow: 0 14px 34px rgba(138,91,255,.45), inset 0 1px 0 rgba(255,255,255,.28); transform: translateY(-2px); }
.btn-gold { background: var(--cl-gold-solid) !important; color:#3a2a05 !important; border:none !important; }
.btn-gold:hover { background:#D9B556 !important; }
.btn-glass, .btn-ghost {
    background: var(--glass) !important;
    border:1px solid var(--hairline) !important;
    color: var(--ink) !important;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.btn-glass:hover, .btn-ghost:hover { border-color: var(--cl-cyan) !important; color: var(--cl-cyan) !important; }

/* ════════════════════════════════════════════
   16 · FOOTER CHAROL
   ════════════════════════════════════════════ */
.ultra-footer { background: var(--footer-bg) !important; border-top:1px solid var(--glass-brd) !important; }
.footer-tagline { color: var(--ink-dim) !important; }
.footer-col h4 { color: var(--ink) !important; }
.footer-col a, .footer-bottom span, .footer-legal a { color: var(--ink-dim) !important; }
.footer-col a:hover, .footer-legal a:hover { color: var(--cl-cyan) !important; }
.footer-social a {
    background: var(--glass) !important;
    border:1px solid var(--hairline) !important;
    color: var(--ink-dim) !important;
}
.footer-social a:hover { background: var(--cl-btn) !important; color:#fff !important; border-color:transparent !important; }
.footer-bottom { border-top:1px solid var(--glass-brd) !important; }

/* ════════════════════════════════════════════
   17 · MOBILE NAV
   ════════════════════════════════════════════ */
.ultra-nav-menu.open, #navMenu.open { background: var(--nav-bg) !important; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
.nav-toggle span { background: var(--ink) !important; }

/* ════════════════════════════════════════════
   18 · ACCESIBILIDAD / REDUCED MOTION
   ════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    body, .cosmos-bg, .ultra-nav { transition: none !important; }
    .theme-toggle:hover { transform:none; }
}