/* ==========================================================================
   Theme LIGHT - Agencia MDI · TEMA OFICIAL (decisión Jesús 2026-07-07)
   Se carga DESPUÉS de site-2026.css + home-v2.css y re-mapea los tokens a la
   paleta clara-cálida definitiva (papel crema + oro profundo + tinta caliente).
   Momentos dark conservados como acento premium: .panel (hero) y .foot (footer)
   vía re-scoping local de tokens. Racional: el comprador (dueño de inmobiliaria)
   decide por confianza y el sector es visualmente claro → claro-dominante con
   acentos dark "instrumento". Al portar el resto de páginas (fase 2), incluir
   SIEMPRE este archivo tras los otros dos.
   ========================================================================== */

:root{
  /* ground: papel crema cálido (tintado hacia el oro, no gris neutro) */
  --ink:#F7F2E9;          /* page ground */
  --ink-2:#FFFFFF;        /* raised surface (más claro = más elevado) */
  --ink-3:#FFFDF9;        /* cards */
  /* tinta caliente (no negro puro) */
  --ivory:#201A11;        /* headings / texto fuerte */
  --taupe:#5C5244;        /* body muted */
  --taupe-dim:#8B8069;    /* terciario */
  /* oro: más profundo para ser legible como TEXTO sobre claro
     (los botones recuperan el oro brillante más abajo) */
  --gold:#AD7B00;
  --gold-hi:#D69A00;
  --gold-deep:#8F6300;
  /* positivo legible sobre claro */
  --jade:#217A50;
  /* líneas y glow */
  --line:rgba(32,26,17,.14);
  --line-2:rgba(32,26,17,.08);
  --glow:rgba(253,173,0,.20);
  color-scheme:light;
}

/* CTAs y fills recuperan el oro BRILLANTE de marca (texto oscuro encima) */
.btn--gold{background:#FDAD00;color:#1a1204}
.btn--gold:hover{background:#FFC133;box-shadow:0 14px 34px -10px rgba(200,140,0,.45)}
.step::before{background:#FDAD00}
.cmp .colhead-mdi{background:#FDAD00 !important}
.cmp td.mdi{background:rgba(253,173,0,.07)}
.cmp tr.star td.mdi{background:rgba(253,173,0,.14)}

/* nav sobre claro */
.nav.scrolled{background:rgba(250,246,238,.82);border-bottom:1px solid var(--line-2)}

/* hero: velo inferior claro en vez de oscuro */
.hero__bg::after{background:linear-gradient(180deg,transparent,rgba(247,242,233,.55)),
  radial-gradient(1200px 600px at 78% 0%,rgba(253,173,0,.06),transparent 60%)}
.hero__mark{-webkit-text-stroke:1px rgba(173,123,0,.14)}

/* grain más sutil sobre claro */
body::after{opacity:.028}

/* selección y scrollbar */
::selection{background:rgba(253,173,0,.35);color:#201A11}
::-webkit-scrollbar-track{background:#F7F2E9}
::-webkit-scrollbar-thumb{background:#D9CFBC}

/* sombras suaves de tema claro para tarjetas claras */
.zone{box-shadow:0 24px 60px -28px rgba(32,26,17,.18),inset 0 1px 0 rgba(255,255,255,.8)}
.excl__card{box-shadow:0 24px 60px -28px rgba(32,26,17,.14)}

/* ---------- MOMENTO DARK #1: el panel de captación del hero ----------
   Re-scope local de tokens → el panel conserva el look "instrumento" dark+oro */
.panel{
  --ivory:#F4ECDD;--taupe:#A79C88;--taupe-dim:#7C7362;
  --gold:#FDAD00;--gold-hi:#FFCB57;--jade:#8FCBA6;
  --ink-2:#13100A;--ink-3:#1B1610;--line-2:rgba(244,236,221,.06);
  box-shadow:0 40px 80px -30px rgba(32,26,17,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

/* ---------- MOMENTO DARK #2: footer (cierre con peso, patrón clásico) ---------- */
.foot{
  background:#0B0A07;border-top:1px solid rgba(244,236,221,.10);
  --ivory:#F4ECDD;--taupe:#A79C88;--taupe-dim:#7C7362;--gold:#FDAD00;
  --line:rgba(244,236,221,.10);--line-2:rgba(244,236,221,.06);
}

/* ---------- MOMENTO DARK #3 (design critique 2026-07-09): resultados como banda
   "instrumento" full-width — rompe la uniformidad crema del tramo central y da a
   las cifras el protagonismo del panel del hero. Mismo re-scope que .panel/.foot. */
.results{
  border-block:1px solid rgba(244,236,221,.10);
  --ink:#0B0A07;--ink-2:#13100A;--ink-3:#1B1610;
  --ivory:#F4ECDD;--taupe:#A79C88;--taupe-dim:#7C7362;
  --gold:#FDAD00;--gold-hi:#FFCB57;--jade:#8FCBA6;
  --line:rgba(244,236,221,.10);--line-2:rgba(244,236,221,.06);
}