/* ===========================================================================
   BUDDY · landing — TEMA CLARO
   Se carga DESPUÉS de landing.css. Todo vive bajo html[data-theme="light"],
   así que el tema oscuro original queda intacto (es el fallback).
   Las superficies que en dark son tinta pasan a papel; los textos "on-dark"
   se resuelven por las variables --on-* que define la página.
   =========================================================================== */

/* ── superficies oscuras → papel ─────────────────────────────────────────── */
html[data-theme="light"] .dark{background:var(--paper-2);color:var(--tx);}
html[data-theme="light"] .dark h2,html[data-theme="light"] .dark h3,html[data-theme="light"] .dark h4{color:var(--ink);}
html[data-theme="light"] .dark .sec-head p{color:var(--muted);}
html[data-theme="light"] .dark-grid{background-image:linear-gradient(rgba(11,12,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,12,16,.05) 1px,transparent 1px);}
html[data-theme="light"] .mesh i{opacity:.2;}
html[data-theme="light"] .mesh i:nth-child(2){opacity:.16;}
html[data-theme="light"] .mesh i:nth-child(3){opacity:.13;}
html[data-theme="light"] .eyebrow.on-dark{color:var(--muted);}
html[data-theme="light"] .eyebrow.on-dark .idx{color:var(--indigo);}
html[data-theme="light"] .btn-on-dark-ghost{background:rgba(11,12,16,.04);color:var(--ink);border-color:var(--line);}
html[data-theme="light"] .btn-on-dark-ghost:hover{background:rgba(11,12,16,.07);border-color:var(--ink);}

/* ── hero ────────────────────────────────────────────────────────────────── */
html[data-theme="light"] .hero{background:linear-gradient(180deg,#fdfdfb,#f1f2f8 62%,#eceef7);}
html[data-theme="light"] .hero-scrim{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.9),transparent 62%);}
html[data-theme="light"] .hero-mesh{opacity:.3;mix-blend-mode:normal;}
html[data-theme="light"] .hero h1{color:var(--ink);text-shadow:none;}
html[data-theme="light"] .hero h1 .grad,html[data-theme="light"] .motor-q .g{background:linear-gradient(112deg,#4d5fe8,#8449df 48%,#0d9c90);-webkit-background-clip:text;background-clip:text;color:transparent;}
html[data-theme="light"] .sec-head h2 .grad,html[data-theme="light"] .quote .grad{background:linear-gradient(112deg,#4d5fe8,#8449df 48%,#0d9c90);-webkit-background-clip:text;background-clip:text;color:transparent;}
html[data-theme="light"] .hero .sub{color:var(--tx-soft);text-shadow:none;}
html[data-theme="light"] .hero .eyebrow{color:var(--muted);}
html[data-theme="light"] .hero-trust{color:var(--muted);}
html[data-theme="light"] .hj-glow{background:radial-gradient(circle at 50% 44%,rgba(111,128,255,.2),rgba(149,96,232,.09) 46%,transparent 72%);}
html[data-theme="light"] .hj-node{border-color:rgba(11,12,16,.1);box-shadow:0 14px 30px -16px rgba(11,12,16,.3);}
html[data-theme="light"] .hj-cast img{filter:drop-shadow(0 22px 38px rgba(11,12,16,.24));}

/* ── nav sobre hero claro ────────────────────────────────────────────────── */
html[data-theme="light"] .nav:not(.scrolled) .brand{color:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .nav-links{color:var(--tx-soft);}
html[data-theme="light"] .nav:not(.scrolled) .nav-links a:hover{color:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .nav-links a::after{background:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .nav-login{color:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .btn-grad{background:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .btn-grad span{color:#fff;}
html[data-theme="light"] .nav:not(.scrolled) .nav-burger{color:var(--ink);}
html[data-theme="light"] .nav:not(.scrolled) .btn-light{background:var(--ink);color:#fff;}
html[data-theme="light"] .nav:not(.scrolled) .btn-light span{color:#fff;}

/* ── CTAs del hero (los overrides !important de la página son on-dark) ───── */
html[data-theme="light"] .hero-ctas .btn-ghost,html[data-theme="light"] .hero-play{color:var(--ink)!important;border-color:var(--line)!important;background:rgba(11,12,16,.03)!important;}
html[data-theme="light"] .hero-ctas .btn-ghost:hover,html[data-theme="light"] .hero-play:hover{background:rgba(11,12,16,.07)!important;border-color:var(--ink)!important;}

/* ── elenco de personajes ────────────────────────────────────────────────── */
html[data-theme="light"] .lineup figure img{filter:grayscale(1) contrast(1.02) brightness(.98);}
html[data-theme="light"] .lineup figure.is-lit img,html[data-theme="light"] .lineup figure:hover img{filter:none;}
html[data-theme="light"] .ghost img{filter:grayscale(1) opacity(.5);}

html[data-theme="light"] .cp-quote{background:linear-gradient(110deg,#4d5fe8,#8449df 30%,#0d9c90 50%,#8449df 70%,#4d5fe8);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;}
html[data-theme="light"] .cp-photo::before{background:radial-gradient(circle,rgba(111,128,255,.3),transparent 65%);}
html[data-theme="light"] .cp-photo::after{background:radial-gradient(circle,rgba(19,179,166,.26),transparent 65%);}
html[data-theme="light"] .cast-pop{box-shadow:0 50px 120px -36px rgba(11,12,16,.4);}
html[data-theme="light"] .cp-body::before{color:rgba(11,12,16,.05);}
html[data-theme="light"] .cp-photo img{filter:drop-shadow(0 22px 40px rgba(11,12,16,.28));}
html[data-theme="light"] .ep-av{background:#dcdee8;border-color:rgba(11,12,16,.14);}
html[data-theme="light"] .ep-av img{filter:grayscale(1) contrast(.9) brightness(1.08);}
html[data-theme="light"] .cp-cast .a{background:rgba(11,12,16,.04);border-color:var(--line);}

/* ── footer ──────────────────────────────────────────────────────────────── */
html[data-theme="light"] .foot{background:#101219;}

/* modal de demo: se queda oscuro (es un reproductor) → revierte sus tonos on-dark */
html[data-theme="light"] .demo-card{background:#101219;color:rgba(255,255,255,.9);--on-strong:#fff;--on-9:rgba(255,255,255,.9);--on-88:rgba(255,255,255,.88);--on-86:rgba(255,255,255,.86);--on-74:rgba(255,255,255,.74);--on-72:rgba(255,255,255,.72);--on-68:rgba(255,255,255,.68);--on-66:rgba(255,255,255,.66);--on-62:rgba(255,255,255,.62);--on-6:rgba(255,255,255,.6);--on-55:rgba(255,255,255,.55);--on-54:rgba(255,255,255,.54);--on-5:rgba(255,255,255,.5);--on-48:rgba(255,255,255,.48);--on-32:rgba(255,255,255,.32);--on-28:rgba(255,255,255,.28);--on-24:rgba(255,255,255,.24);--on-22:rgba(255,255,255,.22);--on-2:rgba(255,255,255,.2);--on-18:rgba(255,255,255,.18);--on-16:rgba(255,255,255,.16);--on-14:rgba(255,255,255,.14);--on-13:rgba(255,255,255,.13);--on-12:rgba(255,255,255,.12);--on-1:rgba(255,255,255,.1);--on-08:rgba(255,255,255,.08);--on-07:rgba(255,255,255,.07);--on-055:rgba(255,255,255,.055);--on-05:rgba(255,255,255,.05);--on-045:rgba(255,255,255,.045);--on-042:rgba(255,255,255,.042);--on-012:rgba(255,255,255,.012);}

/* ── toggle de tema ──────────────────────────────────────────────────────── */
.theme-tg{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer;opacity:.85;transition:opacity .25s,background .25s,transform .45s cubic-bezier(.22,1.2,.36,1);flex:none;}
.theme-tg:hover{opacity:1;background:rgba(127,127,127,.12);transform:rotate(18deg);}
.theme-tg svg{width:17px;height:17px;}
.theme-tg .i-sun{display:none;}
.theme-tg .i-moon{display:block;}
html[data-theme="light"] .theme-tg .i-sun{display:block;}
html[data-theme="light"] .theme-tg .i-moon{display:none;}
.hm-links .theme-tg{width:auto;height:auto;border-radius:10px;padding:13px 12px;justify-content:flex-start;display:flex;gap:10px;align-items:center;font-size:15.5px;font-weight:500;font-family:inherit;color:rgba(255,255,255,.88);border:none;opacity:1;}