/* ============================================================
   VITA v7 · "LUZ"  — luminous concrete palette (identity guide)
   Loaded last; re-themes V6 from dark → light without restructuring.
   Palette: Concrete #F9F8F9/#E5E1E6, Emerald #124734/#266F4F,
            Clara #F9E6D8/#F3CFB2/#E5B789
   ============================================================ */
:root {
  /* luminous page */
  --bg:        #F7F5F0;   /* warm concrete */
  --bg-2:      #FFFFFF;   /* raised surface */
  --green:     #124734;
  --green-deep:#10312B;
  --green-mid: #266F4F;
  --gold:      #E5B789;   /* sand — for shapes/fills */
  --gold-2:    #D8A270;
  --sand:      #E5B789;
  --beige:     #F9E6D8;
  --beige-warm:#F3CFB2;
  --concrete:  #16382C;   /* body ink = deep green on light */
  --lavender:  #E5E1E6;
  --grey:      #D5D5DD;
  --ink:       #10312B;
  --accent-ink: var(--green-mid);  /* accents are GREEN on light */

  /* ink alphas now dark-green on light */
  --w-90: rgba(18,55,42,.92);
  --w-75: rgba(18,55,42,.72);
  --w-60: rgba(18,55,42,.55);
  --w-40: rgba(18,55,42,.40);
  --line: rgba(18,55,42,.13);
  --line-2: rgba(18,55,42,.22);
}

body { background: var(--bg); color: var(--concrete); }

/* accents read green on light, sand stays for shapes */
.gold { color: var(--accent-ink); }
.eyebrow { color: var(--accent-ink); }
.eyebrow::before { background: color-mix(in srgb, var(--accent-ink) 55%, transparent); }
.tlink { color: var(--accent-ink); border-color: color-mix(in srgb, var(--accent-ink) 45%, transparent); }
.tlink:hover { color: var(--green); }

/* primary button: sand pill w/ green ink (guide's "reserva ahora") */
.btn { background: var(--green); color: var(--beige); }
.btn:hover { background: var(--green-deep); }
.btn-ghost { background: transparent; border-color: var(--line-2); color: var(--green); }
.btn-ghost:hover { background: color-mix(in srgb, var(--green) 8%, transparent); border-color: var(--green); }

/* ---------- NAV: light glass, green ink ---------- */
.nav { background: color-mix(in srgb, var(--bg) 70%, transparent); backdrop-filter: blur(16px) saturate(1.2); border-bottom: 1px solid transparent; }
.nav.solid { background: color-mix(in srgb, var(--bg) 88%, transparent); border-bottom-color: var(--line); }
.nav-logo { filter: invert(1) hue-rotate(180deg) brightness(.5) saturate(2.2); }
.nav-link { color: var(--w-75); }
.nav-link:hover, .nav-link.on { color: var(--green); }
.nav-link.on { color: var(--green); }
.nav-link::after { background: var(--gold-2); }
.lang button.on { color: var(--green); }
.lang button { color: var(--w-40); }
.nav-burger span, .nav-burger span::before, .nav-burger span::after { background: var(--green); }
.sheet { background: var(--bg-2); }
.sheet-link { color: var(--green); }
.sheet-link.on { color: var(--green-mid); }

/* ---------- marquee → soft green hairline band ---------- */
.mq { background: color-mix(in srgb, var(--green) 6%, transparent); border-color: var(--line); }
.mq-seg { color: var(--w-75); }
.mq-seg .dot { color: var(--gold-2); }

/* ---------- DARK / PHOTO / GREEN sections: keep light ink + dark veils ---------- */
.chero, .home-hero, .est6-hero, .v6mani, .join2, .teacher-img,
.clase-card, .home-studio, .v6ig-item, .clases6-img,
.ft, .v6stats, .vconv {
  --bg: #0C1F17;            /* veils fade to dark scrim again */
  --concrete: #F9F8F9;
  color: var(--concrete);  /* descendants inherit LIGHT ink over dark/photo */
  --accent-ink: var(--gold);
  --w-90: rgba(249,248,249,.90);
  --w-75: rgba(249,248,249,.75);
  --w-60: rgba(249,248,249,.58);
  --w-40: rgba(249,248,249,.40);
  --line: rgba(249,248,249,.14);
  --line-2: rgba(249,248,249,.20);
}
/* footer/stats/conversion are solid green fills */
.ft { background: var(--green-deep); }
.v6stats { background: var(--green-deep); }
.vconv { background: var(--green-deep); }

/* método journey: nodes/line on light page */
.metodo-path::before { background: linear-gradient(var(--green-mid), color-mix(in srgb, var(--green-mid) 10%, transparent)); }
.mpath-node { background: var(--bg-2); border-color: var(--green-mid); color: var(--green-mid); }
.mpath-step:hover .mpath-node { background: var(--green); color: var(--beige); }
.mpath-card h3 { color: var(--green); }

/* agenda (horarios) cards on light */
.ag-card { background: var(--bg-2); border-color: var(--line); box-shadow: 0 14px 36px -28px rgba(18,55,42,.4); }
.ag-row:hover .ag-card { background: #fff; border-color: var(--green-mid); }
.ag-day { background: var(--bg-2); }
.ag-seg { background: #fff; }
.ag-seg.ghost { background: var(--bg-2); }

/* clases index rows on light */
.clases6-row { color: var(--w-60); }
.clases6-row:hover, .clases6-row.on { color: var(--green); }

/* teacher / estudio cards on light */
.teacher, .est6-side, .est6-tab, .ct2-card, .ct2-map, .ct2-seg, .metodo-card, .hor-card, .vsched, .fnd-pill {
  background: var(--bg-2);
}
.teacher { border-color: var(--line); box-shadow: 0 18px 50px -34px rgba(18,55,42,.35); }
.metodo-card { border-color: var(--line); }
.teacher-name h3, .teacher-name { } /* names sit over photo veil, stay light via .teacher scope */

/* card surfaces that were translucent-white on dark → soft green tint on light */
.metodo-card, .est6-side, .ct2-card, .hor-card, .vsched { border: 1px solid var(--line); }

/* section dividers / hairlines visible on light */
.cmp-table { border-color: var(--line); }
.cmp-row { border-color: var(--line); }

/* selects / inputs */
.field input, .field textarea, .ct2-form input, .ct2-form textarea { color: var(--green); border-color: var(--line-2); }
.field span { color: var(--w-60); }

/* WhatsApp + scrollbar accents stay */
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--green) 22%, transparent); border-color: var(--bg); }

/* home manifiesto (typographic, on light bg — fix leftover white title) */
.v6mani2-title { color: var(--concrete); }
.v6mani2-wm { color: rgba(18,55,42,.055); }

/* fixes: studios diptych name + badges legibility */
.v6st-info h3 { color: var(--concrete); }
.fnd-pop-badge, .fnd-tk-flag, .abono-badge { color: var(--beige); }
.cmp-tag { background: var(--green); color: var(--beige); }

/* precios frequency pills: hover keeps dark text on light; POPULAR mini-badge cream */
.fnd-pill:hover { color: var(--green); border-color: var(--green-mid); background: color-mix(in srgb, var(--green) 7%, transparent); }
.fnd-pill.on:hover { color: var(--green-deep); }
.fnd-best { color: var(--beige); }
.fnd-pill.on .fnd-best { background: var(--beige); color: var(--green-deep); }

/* green pack ticket: force light ink so features read on the dark-green fill */
.fnd-tk.green { color: #F9F8F9; --concrete: #F9F8F9; --w-90: rgba(249,248,249,.92); --w-75: rgba(249,248,249,.74); --w-60: rgba(249,248,249,.58); }

/* Header: pestañas de navegación centradas en el eje del header */
.nav-in { position: relative; }
.nav-links { position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; }