/* =====================================================
   LIGHT THEME — paleta clara oficial (igual al home index.html)
   Capa sobre styles.css. Acentos de marca intactos.
   ===================================================== */
:root{
  --ink:#FBFCFE; --slate-900:#EEF1F6;
  --text:#0F172A; --muted:#55627A; --muted-2:#8590A6;
  --glass-border:rgba(15,23,42,.12);
  --glass-fill:rgba(15,23,42,.022);
  --glass-strong:rgba(15,23,42,.04);
  --cyan-soft:#22D3EE;
  /* surfaces used by inline var-fallbacks on some pages (were dark fallbacks) */
  --card:#FFFFFF;
  --line:rgba(15,23,42,.12);
  --body:#3A4456;
}
body{ -webkit-font-smoothing:auto; }

::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:rgba(15,23,42,.18)}
::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.30)}
::selection{background:var(--indigo);color:#fff}

.glass-s{border-color:rgba(15,23,42,.10)}
.btn-ghost{background:rgba(15,23,42,.035);border-color:var(--glass-border);color:var(--text)}
.btn-ghost:hover{background:rgba(15,23,42,.06);border-color:rgba(15,23,42,.18)}
.card-h:hover{background:rgba(15,23,42,.03)}

.input,.textarea{background:rgba(15,23,42,.025);color:var(--text)}
.input:focus,.textarea:focus{background:rgba(15,23,42,.045)}
.chip{background:rgba(15,23,42,.025);color:var(--muted)}
.chip:hover{border-color:rgba(15,23,42,.18)}
.lang-toggle{background:rgba(15,23,42,.06);border-color:rgba(15,23,42,.16)}

.grid-bg{background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px)}

/* Hero: light scrim over video */
.hero-video{filter:saturate(.96) brightness(1.03)}
.hero-overlay{background:radial-gradient(ellipse at center,rgba(251,252,254,.42) 0%,rgba(251,252,254,.82) 66%,rgba(251,252,254,.96) 100%),linear-gradient(180deg,rgba(251,252,254,.34),rgba(251,252,254,.6) 50%,rgba(251,252,254,.96))}
.hero-bottom{background:linear-gradient(to bottom,transparent,var(--ink))}
.hero-badge-text{color:#4338CA}

/* Node network */
.node{background:rgba(15,23,42,.03);border-color:rgba(15,23,42,.10);color:var(--text)}
.node:hover{background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.5)}
.node-center{background:linear-gradient(180deg,rgba(79,70,229,.12),rgba(79,70,229,.04));border-color:rgba(99,102,241,.45)}
.node-center .mono{color:#4338CA !important}
.pricing-card-featured .mono{color:#4338CA !important}

/* Edu cards */
.edu-card{background:linear-gradient(180deg,rgba(15,23,42,.025),rgba(15,23,42,.01))}
.edu-card:hover{background:linear-gradient(180deg,rgba(15,23,42,.04),rgba(15,23,42,.015));box-shadow:0 32px 64px -24px rgba(15,23,42,.20),0 0 0 .5px rgba(15,23,42,.06)}
.edu-cta:hover{background:linear-gradient(180deg,transparent,rgba(15,23,42,.03))}
.edu-signal{background:rgba(15,23,42,.03)}
.edu-outcome{background:rgba(15,23,42,.03)}
.edu-viz{background:rgba(15,23,42,.04)}
.pillar-areas{background:rgba(15,23,42,.02)}
.pillar-status-soon{background:rgba(15,23,42,.025);border-color:rgba(15,23,42,.14)}

/* CTA final grid */
.cta-final::before{background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px)}
.dos-sublabel::after{background:linear-gradient(90deg,rgba(15,23,42,.10),transparent)}

/* Live-preview browser mock → real-looking light site */
.lp-browser{background:#fff;box-shadow:0 24px 60px -28px rgba(15,23,42,.28)}
.lp-tabs{background:rgba(15,23,42,.025)}
.lp-tabs .lp-dot{background:rgba(15,23,42,.18)}
.lp-url{background:rgba(15,23,42,.05)}
.lp-canvas::-webkit-scrollbar-thumb{background:rgba(15,23,42,.14)}
.lp-block{background:rgba(15,23,42,.015)}
.lp-block[data-state="filled"]{background:rgba(15,23,42,.028)}
.lp-progress{background:rgba(15,23,42,.08)}
.lp-stack-card{background:rgba(15,23,42,.03)}
.lp-stack-bar{background:rgba(15,23,42,.08)}
.lp-soc{background:rgba(15,23,42,.04)}
.lp-contact-card{background:rgba(15,23,42,.03)}
.lp-contact-icon{background:rgba(15,23,42,.04)}
.lp-contact-action{background:rgba(15,23,42,.04)}
.lp-cta-ghost{background:rgba(15,23,42,.04)}
.lp-footer{background:rgba(15,23,42,.015)}
.lp-success{background:radial-gradient(circle at center,rgba(251,252,254,.92),rgba(251,252,254,.98))}

/* Footer */
.footer{background:var(--slate-900)}

/* Kernel / module cards (Digital OS) */
.kcard-icon{background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.28)}
.mod-icon{background:rgba(6,182,212,.10);border-color:rgba(6,182,212,.25)}