/* desktop-critical.css — generated for index.html, bootcamps.html, test.html, recursos.html ONLY.
Concatenates, in this exact order:
1) assets/colors_and_type.css
2) styles.css
3) v2-styles.css
4) v2-pages.css
If any of the four source files change, regenerate this file to avoid drift. Source files are kept intact. */
/* =========================================================
FASHION CREATORS LAB — Foundations
Colors, type tokens, spacing, radii, shadows.
Import into any HTML deliverable using this brand.
========================================================= */
/* ---------- WEB FONTS ----------
All four families now load from licensed files in fonts/.
- Open Sauce One (display)
- Open Sauce Sans (body fallback)
- Archivo (body primary)
- PP Editorial New (editorial serif, regular)
- Instrument Serif (editorial italic — true family, not aliased)
- Caveat (variable, marker layer)
*/
@font-face {
font-family: "Open Sauce One";
src: url("fonts/OpenSauceOne-Bold.ttf") format("truetype");
font-weight: 700 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sauce One";
src: url("fonts/OpenSauceOne-Medium.ttf") format("truetype");
font-weight: 500 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sauce Sans";
src: url("fonts/OpenSauceSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sauce Sans";
src: url("fonts/OpenSauceSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Open Sauce Sans";
src: url("fonts/OpenSauceSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Archivo";
src: url("fonts/Archivo-VariableFont.ttf") format("truetype-variations");
font-weight: 400 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Editorial New";
src: url("fonts/PPEditorialNew-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Instrument Serif";
src: url("fonts/InstrumentSerif-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Instrument Serif";
src: url("fonts/InstrumentSerif-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Caveat";
src: url("fonts/Caveat-Variable.ttf") format("truetype-variations");
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
:root {
/* ---------- BRAND COLORS (strict) ---------- */
--navy: #17243F;
--acid: #D7EC33;
--blue-med: #788CE3;
--blue-light: #92BAD5;
--cream: #ECE9DF;
--white: #FFFFFF;
/* Tonal variants (use SPARINGLY — derived from brand colors, not new hues) */
--navy-90: #283454;
--navy-70: #4B5573;
--navy-50: #8A91A4;
--navy-20: #D0D3DC;
--cream-dark: #DAD6C8; /* hairline borders on cream */
--acid-deep: #B8CC1F; /* hover state for acid surfaces */
/* ---------- SEMANTIC SURFACE / FG ---------- */
--bg: var(--cream); /* default editorial canvas */
--bg-alt: var(--white); /* crisp surface, landing/product */
--bg-inverse: var(--navy); /* hero/section break */
--bg-accent: var(--acid); /* one high-impact accent surface */
--fg: var(--navy); /* body text on light surfaces */
--fg-muted: var(--navy-70); /* secondary copy */
--fg-soft: var(--navy-50); /* meta/captions */
--fg-inverse: var(--cream); /* text on navy */
--fg-on-acid: var(--navy); /* text on acid green */
--line: var(--navy); /* primary editorial rule */
--line-soft: var(--cream-dark);
--line-inverse:rgba(236,233,223,0.20);
/* ---------- TYPE FAMILIES ---------- */
--font-display: "Open Sauce One", "Open Sauce Sans", "Helvetica Neue", Arial, sans-serif; /* PRIMARY */
--font-body: "Archivo", "Open Sauce Sans", "Inter", "Helvetica Neue", Arial, sans-serif; /* SECONDARY */
--font-serif: "PP Editorial New", "Editorial New", "Canela", "Cormorant Garamond", Georgia, serif;
--font-serif-italic: "Instrument Serif", "Canela", "Cormorant Garamond", Georgia, serif;
--font-mark: "Caveat", "Permanent Marker", cursive;
/* ---------- TYPE SCALE (modular, editorial) ---------- */
--fs-display-xl: clamp(72px, 11vw, 200px); /* @kind font */ /* poster moments */
--fs-display-l: clamp(56px, 7.5vw, 128px); /* @kind font */
--fs-display-m: clamp(40px, 5.2vw, 88px); /* @kind font */
--fs-h1: clamp(32px, 3.6vw, 56px); /* @kind font */
--fs-h2: clamp(26px, 2.6vw, 40px); /* @kind font */
--fs-h3: 22px; /* @kind font */
--fs-h4: 18px; /* @kind font */
--fs-body-lg: 18px; /* @kind font */
--fs-body: 16px; /* @kind font */
--fs-body-sm: 14px; /* @kind font */
--fs-caption: 12px; /* @kind font */
--fs-eyebrow: 11px; /* @kind font */
/* ---------- LINE / TRACKING ---------- */
--lh-display: 0.92; /* @kind font */
--lh-tight: 1.05; /* @kind font */
--lh-snug: 1.2; /* @kind font */
--lh-body: 1.55; /* @kind font */
--lh-loose: 1.7; /* @kind font */
--tr-display: -0.02em; /* @kind font */
--tr-tight: -0.01em; /* @kind font */
--tr-normal: 0; /* @kind font */
--tr-wide: 0.08em; /* @kind font */
--tr-eyebrow: 0.18em; /* @kind font */ /* ALL CAPS eyebrows / labels */
/* ---------- SPACING (8pt soft grid) ---------- */
--s-1: 4px;
--s-2: 8px;
--s-3: 12px;
--s-4: 16px;
--s-5: 24px;
--s-6: 32px;
--s-7: 48px;
--s-8: 64px;
--s-9: 96px;
--s-10: 128px;
--s-11: 192px;
/* ---------- RADII ----------
The brand reads structural & editorial. Mostly square.
Pills only on small CTAs / chips. Avoid soft blob radii. */
--r-0: 0px;
--r-1: 2px;
--r-2: 4px;
--r-3: 8px; /* small inputs */
--r-pill: 999px;
/* ---------- ELEVATION ----------
The brand is FLAT. Shadows are reserved for hover lift only. */
--shadow-0: none;
--shadow-1: 0 1px 0 rgba(23,36,63,0.06);
--shadow-2: 0 4px 16px -8px rgba(23,36,63,0.18);
--shadow-hover: 0 12px 32px -12px rgba(23,36,63,0.28);
/* ---------- MOTION ---------- */
--ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
--ease-in: cubic-bezier(0.55, 0, 0.68, 0); /* @kind other */
--ease-edit: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */ /* editorial swap */
--dur-1: 120ms; /* @kind other */
--dur-2: 200ms; /* @kind other */
--dur-3: 360ms; /* @kind other */
--dur-4: 600ms; /* @kind other */
/* ---------- LAYOUT ---------- */
--max-w: 1440px; /* @kind spacing */
--gutter: clamp(20px, 4vw, 64px); /* @kind spacing */
--col-gap: 24px; /* @kind spacing */
}
/* =========================================================
SEMANTIC ELEMENT STYLES
========================================================= */
html, body {
background: var(--bg);
color: var(--fg);
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* ---------- DISPLAY / HEADLINES ---------- */
.display-xl, .display-l, .display-m,
h1, h2, h3, h4 {
font-family: var(--font-display);
color: var(--fg);
font-weight: 800;
letter-spacing: var(--tr-display);
line-height: var(--lh-display);
text-transform: none;
margin: 0;
}
.display-xl { font-size: var(--fs-display-xl); line-height: 0.88; }
.display-l { font-size: var(--fs-display-l); }
.display-m { font-size: var(--fs-display-m); line-height: var(--lh-tight); }
h1 { font-size: var(--fs-h1); line-height: var(--lh-tight); }
h2 { font-size: var(--fs-h2); line-height: var(--lh-tight); letter-spacing: var(--tr-tight); }
h3 { font-size: var(--fs-h3); line-height: var(--lh-snug); letter-spacing: var(--tr-tight); font-weight: 700; }
h4 { font-size: var(--fs-h4); line-height: var(--lh-snug); font-weight: 700; }
/* ---------- EDITORIAL SERIF (campaign / quotes) ---------- */
.serif, .editorial {
font-family: var(--font-serif-italic);
font-style: italic;
font-weight: 400;
letter-spacing: 0;
}
/* ---------- HANDWRITTEN MARKER ---------- */
.mark, .scribble {
font-family: var(--font-mark);
font-weight: 500;
color: var(--navy);
}
/* ---------- BODY / CAPTIONS / EYEBROWS ---------- */
p, .body {
font-family: var(--font-body);
font-size: var(--fs-body);
line-height: var(--lh-body);
color: var(--fg);
text-wrap: pretty;
}
.body-lg { font-size: var(--fs-body-lg); line-height: 1.5; }
.body-sm { font-size: var(--fs-body-sm); line-height: 1.5; color: var(--fg-muted); }
.caption {
font-size: var(--fs-caption);
line-height: 1.4;
color: var(--fg-soft);
letter-spacing: var(--tr-normal);
}
.eyebrow {
font-family: var(--font-body);
font-size: var(--fs-eyebrow);
font-weight: 600;
letter-spacing: var(--tr-eyebrow);
text-transform: uppercase;
color: var(--fg-muted);
}
/* ---------- LINKS ---------- */
a {
color: var(--fg);
text-decoration: none;
border-bottom: 1px solid currentColor;
transition: opacity var(--dur-2) var(--ease-out);
}
a:hover { opacity: 0.6; }
/* ---------- RULES ---------- */
hr.rule {
border: 0;
border-top: 1px solid var(--line);
margin: var(--s-5) 0;
}
hr.rule-soft {
border: 0;
border-top: 1px solid var(--line-soft);
}
/* =========================================================
UTILITY CLASSES
========================================================= */
.bg-cream { background: var(--cream); color: var(--navy); }
.bg-white { background: var(--white); color: var(--navy); }
.bg-navy { background: var(--navy); color: var(--cream); }
.bg-acid { background: var(--acid); color: var(--navy); }
.bg-blue { background: var(--blue-med); color: var(--navy); }
.bg-blue-l { background: var(--blue-light); color: var(--navy); }
.fg-navy { color: var(--navy); }
.fg-cream { color: var(--cream); }
.fg-acid { color: var(--acid); }
.fg-blue { color: var(--blue-med); }
/* Acid underline / marker circle — signature editorial moments */
.acid-underline {
background-image: linear-gradient(transparent 60%, var(--acid) 60%);
background-repeat: no-repeat;
padding: 0 0.08em;
}
.acid-stroke {
position: relative;
display: inline-block;
}
.acid-stroke::after {
content: "";
position: absolute;
inset: -6% -8% -10% -8%;
border: 2px solid var(--acid);
border-radius: 48% 52% 50% 50% / 60% 40% 60% 40%;
transform: rotate(-2deg);
pointer-events: none;
}
/* Corner-bracket frame (signature logo motif applied as layout device) */
.bracket-frame {
position: relative;
padding: var(--s-7);
}
.bracket-frame::before,
.bracket-frame::after {
content: "";
position: absolute;
width: 36px; height: 36px;
border: 2px solid var(--acid);
}
.bracket-frame::before {
top: 0; left: 0; border-right: 0; border-bottom: 0;
}
.bracket-frame::after {
bottom: 0; right: 0; border-left: 0; border-top: 0;
}
/* ============================================================
FCL Landing — page styles on top of design system tokens.
============================================================ */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
font-family: var(--font-body);
background: var(--cream);
color: var(--navy);
overflow-x: hidden;
}
img { max-width: 100%; display: block; }
/* Tweakable variables (overridden by the tweaks panel via inline style on :root) */
:root {
--t-accent: var(--acid);
--t-accent-deep: var(--acid-deep);
--t-scribble: 1;
--t-section-pad: clamp(80px, 10vw, 160px);
}
/* ============================================================
PAGE NAV (hairline editorial bar)
============================================================ */
.nav {
position: sticky; top: 0; z-index: 50;
display: flex; align-items: center; justify-content: space-between;
padding: 18px clamp(24px, 4vw, 64px);
background: rgba(236,233,223,0.86);
backdrop-filter: blur(12px) saturate(120%);
-webkit-backdrop-filter: blur(12px) saturate(120%);
border-bottom: 1px solid var(--cream-dark);
font-family: var(--font-body);
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--navy);
}
.nav.dark { background: rgba(23,36,63,0.86); border-bottom-color: rgba(236,233,223,0.15); color: var(--cream); }
.nav__brand { display: flex; align-items: baseline; gap: 10px; font-weight: 700; }
.nav__brand b { font-weight: 700; }
.nav__brand .bracket { color: var(--t-accent); font-weight: 700; }
.nav__links { display: flex; gap: clamp(20px, 3vw, 48px); }
.nav__links a { border: none; color: inherit; opacity: 0.8; }
.nav__links a:hover { opacity: 1; }
.nav__cta {
font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
background: var(--navy); color: var(--cream);
padding: 10px 18px; border: 1px solid var(--navy);
cursor: pointer; font-family: var(--font-body); font-weight: 600;
}
.nav.dark .nav__cta { background: var(--t-accent); color: var(--navy); border-color: var(--t-accent); }
.nav__cta:hover { background: var(--navy-90); }
/* ============================================================
FOLIO — the [ FCL ] publication mark
============================================================ */
.folio {
display: inline-flex; align-items: center; gap: 8px;
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: inherit;
}
.folio::before { content: "["; color: var(--t-accent); font-weight: 700; }
.folio::after { content: "]"; color: var(--t-accent); font-weight: 700; }
.folio--hide { display: none !important; }
/* Section-top folio bar (eyebrow + meta) */
.section-folio {
display: flex; align-items: center; justify-content: space-between;
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--navy-70);
padding: 0 0 clamp(40px, 6vw, 80px);
}
.section-folio--inverse { color: rgba(236,233,223,0.6); }
.section-folio .num { font-feature-settings: "tnum"; }
/* Editorial section divider — hairline rule between adjacent navy sections */
.section-divider {
border: 0;
height: 1px;
background: rgba(236,233,223,0.25);
margin: 0 0 clamp(56px, 7vw, 96px);
width: 100%;
}
.section--cream .section-divider,
.section--white .section-divider { background: var(--navy-20); }
/* ============================================================
SECTION SHELL
============================================================ */
section {
position: relative;
padding: var(--t-section-pad) clamp(24px, 5vw, 96px);
}
/* Collapse padding between adjacent navy sections (Business → Diagnóstico) */
#business { padding-bottom: clamp(32px, 3vw, 48px) !important; }
#diagnostico { padding-top: clamp(24px, 2.5vw, 40px); }
.section--navy { background: var(--navy); color: var(--cream); }
.section--cream { background: var(--cream); color: var(--navy); }
.section--acid { background: var(--t-accent); color: var(--navy); }
.section--white { background: var(--white); color: var(--navy); }
.container { max-width: 1440px; margin: 0 auto; }
.container--narrow { max-width: 1080px; margin: 0 auto; }
.container--wide { max-width: 1680px; margin: 0 auto; }
/* ============================================================
DISPLAY TYPE HELPERS
============================================================ */
.display-caps {
font-family: var(--font-display);
text-transform: uppercase;
font-weight: 800;
line-height: 0.92;
letter-spacing: -0.015em;
font-size: clamp(48px, 7.4vw, 132px);
text-wrap: balance;
}
.display-statement {
font-family: var(--font-display);
font-weight: 800;
line-height: 1.02;
letter-spacing: -0.018em;
font-size: clamp(38px, 5vw, 84px);
text-wrap: balance;
}
.display-med {
font-family: var(--font-display);
font-weight: 800;
line-height: 1.05;
letter-spacing: -0.012em;
font-size: clamp(30px, 3.6vw, 60px);
text-wrap: balance;
}
.editorial-serif {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
line-height: 1.0;
letter-spacing: -0.005em;
}
.lede {
font-family: var(--font-body);
font-size: clamp(16px, 1.25vw, 20px);
line-height: 1.55;
color: var(--navy-70);
max-width: 56ch;
}
.section--navy .lede { color: rgba(236,233,223,0.75); }
.micro {
font-family: var(--font-body); font-size: 12px; line-height: 1.5;
color: var(--navy-50); letter-spacing: 0.01em;
}
.section--navy .micro { color: rgba(236,233,223,0.55); }
.eyebrow-tag {
display: inline-block;
font-family: var(--font-body); font-size: 11px; font-weight: 600;
letter-spacing: 0.24em; text-transform: uppercase;
color: var(--navy-70);
}
.section--navy .eyebrow-tag { color: rgba(236,233,223,0.65); }
.section--acid .eyebrow-tag { color: var(--navy); }
/* ============================================================
BUTTONS — navy-led, structural
============================================================ */
.btn {
display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; width: max-content;
font-family: var(--font-body); font-size: 13px; font-weight: 600;
letter-spacing: 0.18em; text-transform: uppercase;
padding: 18px 28px; border: 1px solid var(--navy);
background: var(--navy); color: var(--cream);
cursor: pointer; border-radius: 0;
transition: background var(--dur-2) var(--ease-out);
}
.btn:hover { background: var(--navy-90); }
.btn--cream { background: var(--cream); color: var(--navy); border-color: var(--navy); }
.btn--acid { background: var(--t-accent); color: var(--navy); border-color: var(--navy); }
.btn--acid:hover { background: var(--acid-deep); }
.btn--cream:hover { background: var(--white); }
.btn--ghost { background: transparent; color: inherit; border-color: currentColor; }
.btn--ghost:hover { background: currentColor; color: var(--cream); }
.section--navy .btn--ghost:hover { color: var(--navy); }
.btn__arrow {
display: inline-block; transform: translateY(1px);
transition: transform var(--dur-2) var(--ease-out);
}
.btn:hover .btn__arrow { transform: translate(2px, -1px); }
/* ============================================================
MARKER LAYER — handwritten / acid annotations
Visibility scales with --t-scribble (0 = hidden, 1 = standard)
============================================================ */
.mark-wrap { position: relative; display: inline-block; }
.mark-svg {
position: absolute; pointer-events: none;
opacity: calc(var(--t-scribble) * 1);
transition: opacity var(--dur-3) var(--ease-out);
}
/* circle around a word — wraps content in an inline-block */
.mark-circle {
position: relative; display: inline-block; padding: 0 0.18em 0.05em 0.18em;
}
.mark-circle > svg {
position: absolute; inset: -8% -2% -8% -2%; width: 104%; height: 116%;
pointer-events: none; overflow: visible;
opacity: calc(var(--t-scribble) * 1);
}
.mark-circle > svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; }
/* highlighter swipe behind text */
.mark-highlight {
background-image: linear-gradient(120deg, transparent 1%, var(--t-accent) 1.5%, var(--t-accent) 97%, transparent 99%);
background-repeat: no-repeat;
background-size: 100% 66%;
background-position: 0 78%;
padding: 0 0.12em 0.05em 0.12em;
color: var(--navy);
opacity: calc(0.4 + 0.6 * var(--t-scribble));
}
.mark-highlight--full {
background-size: 100% 88%;
background-position: 0 100%;
}
/* underline squiggle */
.mark-underline {
position: relative; display: inline-block; padding-bottom: 0.18em;
color: var(--t-accent);
}
.mark-underline--blue { color: var(--blue-med); }
/* On acid backgrounds, marked text must stay navy or it vanishes. */
.section--acid .mark-underline,
.section--acid .mark-underline--blue { color: var(--navy); }
.mark-underline > svg {
position: absolute; left: 0; right: 0; bottom: -2px;
width: 100%; height: 12px; overflow: visible;
opacity: calc(var(--t-scribble) * 1);
}
.mark-underline > svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; }
.mark-underline--blue > svg path { stroke: var(--blue-med); }
/* arrow — inline indicator */
.mark-arrow {
display: inline-flex; align-items: center; justify-content: center;
width: 1.6em; height: 1em; flex-shrink: 0;
opacity: calc(var(--t-scribble) * 1);
}
.mark-arrow svg { width: 100%; height: 100%; overflow: visible; }
.mark-arrow svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
/* X mark */
.mark-x {
display: inline-flex; align-items: center; justify-content: center;
width: 1em; height: 1em; flex-shrink: 0;
opacity: calc(var(--t-scribble) * 1);
}
.mark-x svg { width: 100%; height: 100%; overflow: visible; }
.mark-x svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; }
/* big scribble loop — anchors a spread */
.mark-loop {
position: absolute; pointer-events: none;
opacity: calc(var(--t-scribble) * 1);
}
.mark-loop svg { width: 100%; height: 100%; overflow: visible; }
.mark-loop svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.cta-band__photo .mark-loop svg path { stroke-width: 4.2; }
.mark-loop--blue svg path { stroke: var(--blue-med); }
.mark-loop--navy svg path { stroke: var(--navy); }
/* corner brackets framing a region */
.bracket-region { position: relative; }
.bracket-region::before,
.bracket-region::after,
.bracket-region > .bracket-tl,
.bracket-region > .bracket-br {
/* the ::before/::after pair already give us 2 corners; we add tl + br pseudo via spans for all 4 */
}
.bracket-corner {
position: absolute; width: clamp(22px, 2.2vw, 36px); height: clamp(22px, 2.2vw, 36px);
border: 2px solid var(--navy); pointer-events: none;
}
.bracket-corner--tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }
.bracket-corner--tr { top: 0; right: 0; border-left: 0; border-bottom: 0; }
.bracket-corner--bl { bottom: 0; left: 0; border-right: 0; border-top: 0; }
.bracket-corner--br { bottom: 0; right: 0; border-left: 0; border-top: 0; }
.bracket-corner--inverse { border-color: var(--cream); }
.bracket-corner--accent { border-color: var(--t-accent); }
.pain__closing .bracket-corner--accent{border-color:var(--acid);border-width:3px}
.bracket-corner--blue { border-color: var(--blue-med); }
/* Strikethrough scribble for "before" text */
.mark-strike { position: relative; display: inline-block; }
.mark-strike > svg {
position: absolute; left: -2%; right: -2%; top: 45%;
width: 104%; height: 12px; overflow: visible;
opacity: calc(var(--t-scribble) * 1);
}
.mark-strike > svg path { stroke: var(--t-accent); stroke-width: 2.4; fill: none; stroke-linecap: round; }
/* ============================================================
IMAGE SLOTS — wrapper that respects photo mode
============================================================ */
.photo {
position: relative; overflow: hidden;
background: var(--navy-20);
border: 0;
}
.photo image-slot {
display: block; width: 100%; height: 100%;
}
.photo--bracket { padding: 0; }
body[data-photo-mode="hidden"] .photo { display: none; }
body[data-photo-mode="hidden"] .photo-replacement { display: block !important; }
.photo-replacement { display: none; }
/* mocked editorial placeholder — gradient + grain */
body[data-photo-mode="mocked"] .photo image-slot { display: none; }
body[data-photo-mode="mocked"] .photo {
background:
radial-gradient(80% 60% at 30% 30%, rgba(255,255,255,0.06), transparent 70%),
linear-gradient(160deg, #2a2622 0%, #3d342a 38%, #5a4a37 70%, #1c1815 100%);
}
body[data-photo-mode="mocked"] .photo::before {
content: "";
position: absolute; inset: 0;
background-image: url("data:image/svg+xml;utf8,");
opacity: 0.4; mix-blend-mode: overlay; pointer-events: none;
}
body[data-photo-mode="mocked"] .photo::after {
content: attr(data-placeholder);
position: absolute; left: 24px; bottom: 24px;
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: rgba(255,255,255,0.7);
}
/* ============================================================
HAIRLINE LIST — diagnostic checklist / founder questions
============================================================ */
.hairline-list { display: grid; gap: 0; list-style: none; padding: 0; margin: 0; }
.hairline-list > li {
display: grid; grid-template-columns: 40px 1fr; gap: 18px;
align-items: start;
padding: 22px 0;
border-top: 1px solid var(--navy-20);
}
.section--navy .hairline-list > li { border-top-color: rgba(236,233,223,0.18); }
.hairline-list > li:last-child { border-bottom: 1px solid var(--navy-20); }
.section--navy .hairline-list > li:last-child { border-bottom-color: rgba(236,233,223,0.18); }
.hairline-list .marker { display: flex; align-items: flex-start; padding-top: 4px; }
.hairline-list .body { font-family: var(--font-body); font-size: clamp(15px, 1.1vw, 18px); line-height: 1.5; }
/* Hero creative-starts list — editorial enumeration inside the hero lede */
.hero-creative-list {
list-style: none;
padding: 0;
margin: 0 0 28px;
display: grid;
gap: 0;
max-width: 44ch;
}
.hero-creative-list > li {
display: grid;
grid-template-columns: 44px 1fr;
align-items: baseline;
gap: 18px;
padding: 14px 0;
border-top: 1px solid var(--navy-20);
}
.hero-creative-list > li:last-child { border-bottom: 1px solid var(--navy-20); }
.hero-creative-list__num {
font-family: var(--font-display);
font-weight: 800;
font-size: 13px;
letter-spacing: 0.18em;
color: var(--navy-70);
line-height: 1;
}
.hero-creative-list__item {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(20px, 1.7vw, 26px);
line-height: 1.25;
color: var(--navy);
letter-spacing: -0.01em;
}
/* Numbered editorial list (07 Who is this for) */
.editorial-grid {
display: grid; gap: clamp(24px, 3vw, 64px);
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 880px) {
.editorial-grid { grid-template-columns: 1fr; }
}
.editorial-grid > .item { padding-top: 24px; border-top: 1px solid var(--navy); }
.editorial-grid > .item .num {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(40px, 4.5vw, 72px); letter-spacing: -0.02em;
line-height: 1; color: var(--navy);
}
.editorial-grid > .item .label {
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--navy-70); margin-top: 18px;
}
.editorial-grid > .item h3 {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(20px, 1.8vw, 28px); line-height: 1.15;
margin: 10px 0 16px 0;
}
.editorial-grid > .item p {
font-family: var(--font-body); font-size: 15px; line-height: 1.55;
color: var(--navy-70); margin: 0;
}
/* ============================================================
FOOTER
============================================================ */
.footer {
background: var(--navy); color: rgba(236,233,223,0.7);
padding: clamp(40px, 4vw, 64px) clamp(24px, 5vw, 96px) 32px;
font-family: var(--font-body); font-size: 12px;
letter-spacing: 0.08em;
}
.footer__row {
display: flex; justify-content: space-between; align-items: flex-end;
gap: 40px; flex-wrap: wrap;
border-top: 1px solid rgba(236,233,223,0.15);
padding-top: 32px;
}
.footer__wordmark {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(40px, 6vw, 96px); letter-spacing: -0.02em;
line-height: 0.95; color: var(--cream);
text-transform: uppercase;
}
.footer__wordmark .dot { color: var(--t-accent); }
.footer__logo {
display: block;
height: clamp(96px, 11vw, 168px);
width: auto;
max-width: 100%;
}
.footer__links { display: flex; gap: clamp(20px, 3vw, 48px); flex-wrap: wrap; }
.footer__links a { color: rgba(236,233,223,0.75); border: none; text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; }
.footer__links a:hover { color: var(--t-accent); }
.footer__meta { font-size: 11px; opacity: 0.5; margin-top: 32px; letter-spacing: 0.12em; text-transform: uppercase; }
/* ============================================================
DIAGNOSTIC MODAL
============================================================ */
.diag-overlay {
position: fixed; inset: 0; z-index: 100;
background: rgba(23,36,63,0.86);
backdrop-filter: blur(8px);
display: flex; align-items: center; justify-content: center;
padding: clamp(16px, 4vw, 48px);
animation: diag-fade 360ms var(--ease-edit);
}
@keyframes diag-fade { from { opacity: 0; } to { opacity: 1; } }
.diag-card {
width: 100%; max-width: 880px;
background: var(--cream); color: var(--navy);
position: relative;
border: 1px solid var(--navy);
display: grid; grid-template-rows: auto 1fr auto;
max-height: min(720px, 90vh);
animation: diag-rise 420ms var(--ease-edit);
}
@keyframes diag-rise { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.diag-head {
padding: 24px 32px;
display: flex; align-items: center; justify-content: space-between;
border-bottom: 1px solid var(--navy-20);
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
}
.diag-head__progress {
display: flex; gap: 6px; align-items: center;
}
.diag-head__brand {
display: inline-flex; align-items: center; gap: 12px;
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--navy);
}
.diag-head__logo {
display: block;
height: 22px; width: auto;
flex-shrink: 0;
}
.diag-head__sep {
color: var(--navy-50);
letter-spacing: 0;
}
.diag-head__progress span {
width: 32px; height: 2px; background: var(--navy-20);
}
.diag-head__progress span.on { background: var(--t-accent); }
.diag-close {
border: none; background: none; cursor: pointer;
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.22em;
color: var(--navy-70); text-transform: uppercase; padding: 0;
}
.diag-close:hover { color: var(--navy); }
.diag-body { padding: clamp(32px, 4vw, 64px); overflow-y: auto; }
.diag-foot {
padding: 20px 32px;
display: flex; justify-content: space-between; align-items: center;
border-top: 1px solid var(--navy-20);
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--navy-70);
}
.diag-body h2 {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(26px, 2.6vw, 40px); line-height: 1.1;
letter-spacing: -0.015em;
margin: 0 0 12px 0; text-wrap: balance;
}
.diag-body .lede { margin-bottom: 36px; }
.diag-options { display: grid; gap: 14px; grid-template-columns: 1fr; }
.diag-option {
display: grid; grid-template-columns: 36px 1fr auto;
gap: 16px; align-items: center;
padding: 20px 22px;
background: var(--white);
border: 1px solid var(--navy-20);
cursor: pointer; text-align: left;
font-family: var(--font-body);
transition: all var(--dur-2) var(--ease-out);
}
.diag-option:hover { border-color: var(--navy); }
.diag-option.selected { border-color: var(--navy); background: var(--cream); }
.diag-option .num {
font-family: var(--font-display); font-weight: 800;
font-size: 18px; color: var(--navy);
}
.diag-option .title { font-weight: 600; font-size: 15px; color: var(--navy); }
.diag-option .desc { font-size: 13px; color: var(--navy-70); margin-top: 4px; line-height: 1.45; }
.diag-option .check {
width: 22px; height: 22px; border: 1px solid var(--navy-20);
display: flex; align-items: center; justify-content: center;
color: var(--t-accent); font-weight: 700;
}
.diag-option.selected .check { background: var(--t-accent); border-color: var(--navy); color: var(--navy); }
.diag-result {
display: grid; grid-template-columns: 1fr 1fr;
gap: clamp(24px, 3vw, 48px);
}
@media (max-width: 720px) { .diag-result { grid-template-columns: 1fr; } }
.diag-result__left h2 { margin-bottom: 20px; }
.diag-result__pillar {
padding: 18px 0; border-top: 1px solid var(--navy-20);
display: grid; grid-template-columns: 1fr auto; align-items: baseline;
}
.diag-result__pillar:last-child { border-bottom: 1px solid var(--navy-20); }
.diag-result__pillar .label { font-family: var(--font-body); font-size: 14px; }
.diag-result__pillar .score {
font-family: var(--font-display); font-weight: 800;
font-size: 22px; color: var(--navy);
}
.diag-result__right {
background: var(--navy); color: var(--cream);
padding: 32px;
position: relative;
}
.diag-result__right .tag {
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: rgba(236,233,223,0.6); margin-bottom: 24px;
}
.diag-result__right h3 {
font-family: var(--font-display); font-weight: 800;
font-size: 28px; line-height: 1.1; margin: 0 0 16px 0;
}
.diag-result__right p { font-size: 14px; line-height: 1.55; color: rgba(236,233,223,0.85); margin: 0 0 28px 0; }
.diag-email {
display: grid; grid-template-columns: 1fr auto; gap: 0;
border: 1px solid rgba(236,233,223,0.3);
}
.diag-email input {
background: transparent; border: none; outline: none;
padding: 14px 16px; font-family: var(--font-body); font-size: 14px;
color: var(--cream);
}
.diag-email input::placeholder { color: rgba(236,233,223,0.5); }
.diag-email button {
background: var(--t-accent); color: var(--navy); border: none;
padding: 0 22px; font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase; font-weight: 600;
cursor: pointer;
}
.diag-email button:hover { background: var(--t-accent-deep); }
.diag-nav {
display: flex; gap: 10px;
}
.diag-nav button {
background: none; border: 1px solid var(--navy);
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.22em;
text-transform: uppercase; font-weight: 600;
padding: 12px 20px; cursor: pointer;
color: var(--navy);
}
.diag-nav button.primary { background: var(--navy); color: var(--cream); }
.diag-nav button:disabled { opacity: 0.3; cursor: not-allowed; }
.diag-nav button.primary:hover:not(:disabled) { background: var(--navy-90); }
/* Diagnostic — shared eyebrow, question number, screens */
.diag-eyebrow {
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.24em; text-transform: uppercase;
color: var(--navy-50); margin: 0 0 18px 0;
}
.diag-body h2 em {
font-family: var(--font-serif); font-style: italic; font-weight: 400;
color: var(--navy);
}
.diag-qnum {
display: inline-block;
font-family: var(--font-display); font-weight: 800;
font-size: 0.72em; line-height: 1;
color: var(--t-accent, var(--navy));
margin-right: 14px;
letter-spacing: 0.02em;
vertical-align: 0.18em;
}
/* Intro screen */
.diag-intro__logo {
display: block;
width: auto;
height: clamp(64px, 7vw, 96px);
margin-bottom: 28px;
}
.diag-intro .diag-eyebrow {
display: inline-flex; align-items: center; gap: 10px;
}
.diag-eyebrow__dot {
display: inline-block;
width: 8px; height: 8px;
background: var(--t-accent, var(--acid, #D7EC33));
border-radius: 50%;
flex-shrink: 0;
}
.diag-intro h2 { max-width: 22ch; }
.diag-intro h2 em {
font-family: var(--font-serif); font-style: italic; font-weight: 400;
color: var(--navy);
background-image: linear-gradient(transparent 62%, var(--t-accent, var(--acid, #D7EC33)) 62%, var(--t-accent, var(--acid, #D7EC33)) 92%, transparent 92%);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0 2px;
}
.diag-intro__meta {
list-style: none; padding: 0; margin: 36px 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
border-top: 1px solid var(--navy-20);
border-bottom: 1px solid var(--navy-20);
}
@media (max-width: 640px) {
.diag-intro__meta { grid-template-columns: 1fr; }
.diag-intro__meta li + li { border-left: 0; border-top: 1px solid var(--navy-20); }
}
.diag-intro__meta li {
padding: 22px 24px;
font-family: var(--font-body); font-size: 13px; line-height: 1.4;
color: var(--navy-70);
letter-spacing: 0.02em;
}
.diag-intro__meta li + li {
border-left: 1px solid var(--navy-20);
}
.diag-intro__meta li > span:first-child {
display: block;
font-family: var(--font-display); font-weight: 800;
font-size: 36px; line-height: 1;
color: var(--t-accent, var(--acid, #D7EC33));
-webkit-text-stroke: 0;
margin-bottom: 10px;
letter-spacing: -0.01em;
}
/* Question — single choice (radio style) */
.diag-option--single {
grid-template-columns: 28px 1fr;
align-items: start;
padding: 18px 20px;
}
.diag-option--single .radio {
width: 20px; height: 20px; border-radius: 50%;
border: 1.5px solid var(--navy-50);
display: inline-block; margin-top: 2px;
position: relative;
transition: border-color var(--dur-2) var(--ease-out);
}
.diag-option--single:hover .radio { border-color: var(--navy); }
.diag-option--single.selected { border-color: var(--navy); }
.diag-option--single.selected .radio {
border-color: var(--navy);
background: radial-gradient(circle, var(--navy) 0 5px, transparent 6px);
}
.diag-option--single .title {
font-family: var(--font-body); font-weight: 500;
font-size: 15px; line-height: 1.45; color: var(--navy);
}
/* Open question */
.diag-open { margin-top: 8px; }
.diag-open textarea {
width: 100%;
background: var(--white);
border: 1px solid var(--navy-20);
border-radius: 0;
padding: 18px 20px;
font-family: var(--font-body); font-size: 15px; line-height: 1.6;
color: var(--navy);
resize: vertical;
min-height: 140px;
outline: none;
transition: border-color var(--dur-2) var(--ease-out);
}
.diag-open textarea:focus { border-color: var(--navy); }
.diag-open textarea::placeholder { color: var(--navy-50); }
.diag-open__note {
margin-top: 18px;
font-family: var(--font-serif); font-style: italic;
font-size: 14px; line-height: 1.55;
color: var(--navy-70);
max-width: 52ch;
}
/* Contact form */
.diag-contact h2 { max-width: 22ch; }
.diag-contact h2 em {
font-family: var(--font-serif); font-style: italic; font-weight: 400;
color: var(--navy);
background-image: linear-gradient(transparent 62%, var(--t-accent, var(--acid, #D7EC33)) 62%, var(--t-accent, var(--acid, #D7EC33)) 92%, transparent 92%);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0 2px;
}
.diag-contact .lede strong {
font-weight: 600;
color: #788CE3;
}
.diag-contact__copy {
display: flex; flex-direction: column;
gap: 14px;
margin-top: 8px;
}
.diag-contact__copy .lede { margin: 0; }
.diag-contact__copy .lede:nth-child(1) {
font-family: var(--font-serif); font-style: italic;
color: var(--navy);
}
.diag-contact .diag-eyebrow {
display: inline-flex; align-items: center; gap: 10px;
}
.diag-field__dot {
display: inline-block;
width: 6px; height: 6px;
background: var(--t-accent, var(--acid, #D7EC33));
border-radius: 50%;
margin-right: 8px;
vertical-align: 1px;
}
.diag-form {
display: grid; grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 28px;
}
@media (max-width: 640px) { .diag-form { grid-template-columns: 1fr; } }
.diag-field {
display: flex; flex-direction: column; gap: 8px;
}
.diag-field span {
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--navy-70);
}
.diag-field input {
background: var(--white);
border: 1px solid var(--navy-20);
border-radius: 0;
padding: 14px 16px;
font-family: var(--font-body); font-size: 15px;
color: var(--navy);
outline: none;
transition: border-color var(--dur-2) var(--ease-out);
}
.diag-field input:focus { border-color: var(--navy); }
.diag-contact__fine {
margin-top: 24px;
font-family: var(--font-body); font-size: 12px; line-height: 1.5;
color: var(--navy-50);
max-width: 52ch;
}
/* Confirm */
.diag-confirm h2 { max-width: 20ch; }
.diag-confirm__sign {
margin-top: 32px;
font-family: var(--font-body); font-size: 11px;
letter-spacing: 0.22em; text-transform: uppercase;
color: var(--navy-50);
}
/* ============================================================
EDITORIAL GRID — navy variant (sections like 07 on navy ground)
============================================================ */
.section--navy .editorial-grid > .item { border-top: 1px solid rgba(236,233,223,0.3); }
.section--navy .editorial-grid > .item .num { color: var(--cream); }
.section--navy .editorial-grid > .item .label { color: rgba(236,233,223,0.6); }
.section--navy .editorial-grid > .item h3 { color: var(--cream); }
.section--navy .editorial-grid > .item p { color: rgba(236,233,223,0.7); }
/* ============================================================
ANTES / DESPUÉS — section 05 contrast cards
============================================================ */
.ba-grid {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 3vw, 48px);
align-items: stretch;
}
.ba-card {
padding: clamp(28px, 3.5vw, 56px);
min-height: clamp(320px, 36vw, 440px);
display: flex; flex-direction: column; justify-content: space-between;
position: relative;
}
.ba-card--before {
background: var(--cream-dark);
border: 1px solid var(--navy-20);
color: var(--navy);
}
.ba-card--before::after {
content: "";
position: absolute; inset: 0;
background-image: url("data:image/svg+xml;utf8,");
mix-blend-mode: multiply;
pointer-events: none;
opacity: 0.5;
}
.ba-card--after {
background: var(--navy);
color: var(--cream);
border: 1px solid var(--navy);
}
.ba-badge {
display: flex; align-items: center; gap: 18px;
margin-bottom: clamp(32px, 4vw, 56px);
position: relative; z-index: 2;
}
.ba-badge .num {
width: 56px; height: 56px;
display: flex; align-items: center; justify-content: center;
font-family: var(--font-display); font-weight: 800; font-size: 20px;
letter-spacing: -0.01em;
}
.ba-badge--before .num {
border: 1.5px solid var(--navy); color: var(--navy); background: transparent;
}
.ba-badge--after .num {
background: var(--t-accent); color: var(--navy);
}
.ba-badge .eyebrow {
font-family: var(--font-body); font-size: 11px; letter-spacing: 0.22em;
text-transform: uppercase; margin: 0; line-height: 1.2;
}
.ba-badge--before .eyebrow { color: var(--navy-50); }
.ba-badge--after .eyebrow { color: rgba(236,233,223,0.6); }
.ba-badge .state {
font-family: var(--font-display); font-weight: 800;
font-size: clamp(18px, 1.6vw, 24px); letter-spacing: -0.01em;
margin: 4px 0 0 0; display: inline-flex; align-items: center; gap: 8px;
}
.ba-badge--after .state .check {
display: inline-flex; align-items: center; justify-content: center;
width: 22px; height: 22px; color: var(--t-accent);
}
.ba-quote {
position: relative; z-index: 2;
font-family: var(--font-serif); font-style: italic; font-weight: 400;
font-size: clamp(19px, 1.9vw, 28px); line-height: 1.32;
}
.ba-card--before .ba-quote { color: var(--navy-70); }
.ba-card--after .ba-quote { color: var(--cream); }
.ba-scribble {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%) rotate(-4deg);
background: var(--cream);
border: 1.5px solid var(--navy);
padding: 8px 20px;
font-family: var(--font-mark); font-weight: 600;
color: var(--navy);
font-size: clamp(22px, 2.4vw, 32px);
z-index: 5;
white-space: nowrap;
box-shadow: 4px 4px 0 var(--navy);
pointer-events: none;
}
@media (max-width: 720px) {
.ba-grid { grid-template-columns: 1fr; }
.ba-scribble { display: none; }
}
/* ============================================================
SECTION 01 — HERO QUESTIONS (full-bleed acid strip)
============================================================ */
.hero-questions-strip {
position: relative;
width: 100vw;
margin-inline: calc(50% - 50vw);
background: var(--acid);
color: var(--navy);
margin-top: clamp(40px, 5vw, 80px);
}
.hero-questions-strip__inner {
max-width: 1440px;
margin: 0 auto;
padding: clamp(64px, 8vw, 128px) clamp(24px, 5vw, 96px);
}
.hero-questions-strip__intro {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(40px, 5.6vw, 96px);
line-height: 1;
letter-spacing: -0.024em;
color: var(--navy);
margin: 0 0 clamp(40px, 5vw, 72px) 0;
max-width: 18ch;
}
.hero-questions-strip__intro em {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
}
.hero-questions-list > li {
border-top-color: rgba(23, 36, 63, 0.3) !important;
padding-block: clamp(20px, 2vw, 32px);
}
.hero-questions-list > li:last-child {
border-bottom-color: rgba(23, 36, 63, 0.3) !important;
}
.hero-questions-list .body {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(20px, 1.7vw, 28px) !important;
line-height: 1.35;
color: var(--navy);
}
.hero-questions-list .marker svg path {
stroke: var(--navy) !important;
}
/* ============================================================
SECTION 03 — PARA QUIÉN (4-card editorial grid on cream)
============================================================ */
.who-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
border-top: 1px solid var(--navy);
border-left: 1px solid var(--navy);
}
.who-card {
display: grid;
grid-template-rows: auto 1fr;
gap: clamp(24px, 3vw, 40px);
padding: clamp(28px, 3.5vw, 56px) clamp(24px, 3vw, 48px);
border-right: 1px solid var(--navy);
border-bottom: 1px solid var(--navy);
background: var(--cream);
position: relative;
min-height: clamp(220px, 22vw, 320px);
}
.who-card__num {
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 0.22em;
color: var(--navy-50);
}
.who-card__body {
display: grid;
grid-template-columns: 40px 1fr;
gap: 16px;
align-items: start;
align-self: end;
}
.who-card__body .mark-arrow {
margin-top: 6px;
}
.who-card__body p {
font-family: var(--font-display);
font-weight: 700;
font-size: clamp(20px, 1.9vw, 30px);
line-height: 1.25;
letter-spacing: -0.012em;
color: var(--navy);
margin: 0;
text-wrap: balance;
}
/* ============================================================
SECTION 05 — CTA FORM (embedded inside the final CTA card)
============================================================ */
.cta-form {
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: clamp(16px, 1.5vw, 24px);
max-width: 760px;
margin: 0 auto;
align-items: end;
text-align: left;
}
.cta-form__field {
display: grid;
gap: 6px;
}
.cta-form__field > span {
font-family: var(--font-body);
font-size: 10px;
letter-spacing: 0.24em;
text-transform: uppercase;
font-weight: 600;
}
.cta-form__field > input {
font-family: var(--font-body);
font-size: clamp(15px, 1.1vw, 17px);
background: transparent;
border: 0;
border-bottom: 1.5px solid currentColor;
padding: 12px 0;
outline: none;
border-radius: 0;
}
.cta-form__field > input::placeholder {
opacity: 0.45;
}
.cta-form__field > input:focus {
border-bottom-color: var(--navy);
}
.cta-form__submit {
font-family: var(--font-body);
font-size: 13px;
letter-spacing: 0.16em;
text-transform: uppercase;
font-weight: 600;
padding: 18px 28px;
cursor: pointer;
border: 1.5px solid currentColor;
background: var(--navy);
color: var(--cream);
border-color: var(--navy);
white-space: nowrap;
transition: background 200ms var(--ease-out);
}
.cta-form__submit:hover { background: var(--navy-90); }
.cta-form__submit .btn__arrow { margin-left: 8px; display: inline-block; }
/* Variant: on acid background — invert form trim */
.cta-form--on-acid .cta-form__field > input { color: var(--navy); }
.cta-form--on-acid .cta-form__field > input::placeholder { color: var(--navy); opacity: 0.45; }
.cta-form--on-acid .cta-form__field > span { color: var(--navy); }
.cta-form--on-acid .cta-form__submit {
background: var(--navy); color: var(--cream); border-color: var(--navy);
}
/* Variant: on navy background */
.cta-form--on-navy .cta-form__field > input { color: var(--cream); border-bottom-color: rgba(236,233,223,0.4); }
.cta-form--on-navy .cta-form__field > input::placeholder { color: rgba(236,233,223,0.45); }
.cta-form--on-navy .cta-form__field > input:focus { border-bottom-color: var(--t-accent); }
.cta-form--on-navy .cta-form__field > span { color: rgba(236,233,223,0.65); }
.cta-form--on-navy .cta-form__submit {
background: var(--t-accent); color: var(--navy); border-color: var(--t-accent);
}
.cta-form--on-navy .cta-form__submit:hover { background: var(--acid-deep); }
/* Variant: on cream background — already default; just tighten */
.cta-form--on-cream .cta-form__field > input { color: var(--navy); }
.cta-form--on-cream .cta-form__field > span { color: var(--navy-70); }
/* Submitted state */
.cta-form--done {
display: block;
text-align: center;
padding: clamp(24px, 3vw, 40px) 0;
}
.cta-form__done-title {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(24px, 2.4vw, 36px);
margin: 0 0 8px 0;
}
.cta-form__done-body {
font-family: var(--font-body);
font-size: 14px;
letter-spacing: 0.04em;
opacity: 0.7;
margin: 0;
}
/* ============================================================
SECTION 03 — REENCUADRE (legacy — kept for reference; section removed)
============================================================ */
.s03-beat {
display: grid;
grid-template-columns: minmax(140px, 0.32fr) 1.68fr;
gap: clamp(28px, 5vw, 80px);
align-items: start;
}
.s03-beat--bordered {
padding-top: clamp(36px, 4.5vw, 64px);
border-top: 1px solid var(--navy-20);
}
.s03-beat > .eyebrow-tag {
margin-top: 6px;
text-wrap: balance;
}
/* The "trap" — struck-through display words. Acid stroke does the rejecting. */
.s03-trap-word {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(26px, 3vw, 48px);
line-height: 1;
letter-spacing: -0.018em;
color: var(--navy-50);
text-decoration: line-through;
text-decoration-color: var(--acid-deep);
text-decoration-thickness: clamp(3px, 0.35vw, 6px);
text-decoration-skip-ink: none;
text-underline-offset: 0;
}
/* The real-problem list — bigger than hairline-list body, but still scannable */
.s03-real-list {
list-style: none; padding: 0; margin: 0;
display: grid; gap: 0;
}
.s03-real-list > li {
display: grid;
grid-template-columns: 44px 1fr;
gap: 18px;
align-items: baseline;
padding-block: clamp(16px, 1.6vw, 24px);
border-top: 1px solid var(--navy-20);
}
.s03-real-list > li:first-child { border-top: 0; padding-top: 0; }
.s03-real-list .marker {
display: flex; align-items: center;
padding-top: 4px;
}
.s03-real-list .body {
font-family: var(--font-display);
font-weight: 600;
font-size: clamp(18px, 1.55vw, 26px);
line-height: 1.3;
letter-spacing: -0.01em;
color: var(--navy);
}
.s03-real-list .body em {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
color: var(--navy-70);
}
/* ============================================================
SECTION 02 — EDITORIAL LAYOUT (full-bleed acid strip + pullquote)
============================================================ */
/* Full-bleed acid strip — breaks out of container and section padding */
.s02-acid-strip {
position: relative;
width: 100vw;
margin-inline: calc(50% - 50vw);
background: var(--acid);
color: var(--navy);
}
.s02-acid-strip__inner {
max-width: 1440px;
margin: 0 auto;
padding: clamp(56px, 7vw, 112px) clamp(24px, 5vw, 96px);
}
/* Hairline list overrides when on acid background */
.s02-acid-list > li {
border-top-color: rgba(23, 36, 63, 0.25) !important;
padding-block: clamp(14px, 1.4vw, 22px);
}
.s02-acid-list > li:last-child {
border-bottom-color: rgba(23, 36, 63, 0.25) !important;
}
.s02-acid-list .marker svg,
.s02-acid-list .marker svg path {
color: var(--navy);
stroke: var(--navy) !important;
}
/* Pull-quote bracket frame for the closing line */
.s02-pullquote {
background: rgba(236, 233, 223, 0.03);
}
.photo-overlay-card {
position: absolute;
right: clamp(-72px, -4vw, -28px);
bottom: clamp(24px, 3vw, 48px);
width: clamp(280px, 28vw, 380px);
background: var(--cream);
border: 1.5px solid var(--navy);
padding: clamp(20px, 1.8vw, 28px) clamp(22px, 2vw, 32px);
box-shadow: 8px 8px 0 var(--navy);
z-index: 3;
}
.photo-overlay-card__eyebrow {
font-family: var(--font-body);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--navy);
margin: 0 0 12px;
padding-bottom: 10px;
border-bottom: 1px solid var(--navy);
}
.photo-overlay-card__body {
font-family: var(--font-body);
font-size: clamp(14px, 1vw, 16px);
line-height: 1.5;
color: var(--navy);
margin: 0;
text-wrap: pretty;
}
/* ============================================================
LOGO STAMP — section 10 editorial logo card
============================================================ */
.logo-stamp {
display: inline-block;
background: var(--cream);
border: 1.5px solid var(--navy);
padding: clamp(28px, 3vw, 44px) clamp(40px, 4.5vw, 64px);
margin-bottom: clamp(40px, 5vw, 72px);
box-shadow: 8px 8px 0 var(--navy);
position: relative;
}
.logo-stamp img {
display: block;
height: clamp(72px, 9vw, 132px);
width: auto;
max-width: 100%;
}
/* ============================================================
TWEAK-DRIVEN VISIBILITY
============================================================ */
body[data-show-folio="no"] .folio,
body[data-show-folio="no"] .section-folio { display: none; }
body[data-show-brackets="no"] .bracket-corner { display: none; }
/* ============================================================
RESPONSIVE NUDGES
============================================================ */
@media (max-width: 880px) {
.nav__links { display: none; }
}
@media (max-width: 980px) {
/* Collapse all 2-col grids on tablet */
section [style*="grid-template-columns: 1fr auto 1fr"],
section [style*="grid-template-columns: 1.15fr 0.85fr"],
section [style*="grid-template-columns: 1fr 1.2fr"],
section [style*="grid-template-columns: 1.1fr 0.9fr"],
section [style*="grid-template-columns: 1.2fr 1fr"],
section [style*="grid-template-columns: 1fr 0.9fr"],
section [style*="grid-template-columns: 1fr 1fr"] {
grid-template-columns: 1fr !important;
}
.display-statement { font-size: clamp(32px, 7vw, 56px) !important; }
.display-caps { font-size: clamp(40px, 9vw, 80px) !important; }
}
/* ============================================================
SECTION 01 — Closing line (after questions strip)
============================================================ */
.hero-closing {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: clamp(40px, 6vw, 96px);
align-items: center;
padding-top: clamp(72px, 9vw, 128px);
padding-bottom: clamp(24px, 3vw, 48px);
}
.hero-closing__photo {
position: relative;
padding: clamp(16px, 2vw, 32px);
overflow: visible;
}
.hero-closing__photo .photo {
aspect-ratio: 4/5;
width: 100%;
position: relative;
overflow: visible;
}
.hero-closing__text {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(26px, 2.4vw, 38px);
line-height: 1.28;
letter-spacing: -0.005em;
color: var(--navy);
margin: 0;
max-width: 30ch;
}
.hero-closing__text em {
font-style: italic;
color: var(--navy-70);
}
@media (max-width: 880px) {
.hero-closing { grid-template-columns: 1fr; }
.hero-closing__text { max-width: none; }
}
/* ============================================================
SECTION 02 — eyebrow lede + companion paragraph
============================================================ */
.s02-eyebrow-lede {
font-family: var(--font-body);
font-size: clamp(13px, 1vw, 15px);
letter-spacing: 0.18em;
text-transform: uppercase;
line-height: 1.6;
color: rgba(236,233,223,0.78);
margin: 0 0 clamp(24px, 3vw, 40px);
max-width: 64ch;
}
/* Section 02 — give underlines and highlights more breathing room
so they don't sit flush against letters (hard to read on navy). */
.section--navy .mark-underline {
padding-top: 0.18em;
padding-bottom: 0.36em;
}
.section--navy .mark-underline > svg {
bottom: -6px;
}
.section--navy .mark-highlight {
padding: 0.18em 0.2em 0.22em;
background-size: 100% 78%;
background-position: 0 92%;
}
/* Section 02 — "Creamos FCL" handwritten marker + looped arrow */
.s02-creamos {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 4px;
}
.s02-creamos__marker {
font-family: var(--font-mark);
font-weight: 600;
font-size: clamp(42px, 4.8vw, 76px);
line-height: 0.95;
color: var(--t-accent);
letter-spacing: -0.005em;
transform: rotate(-3deg);
transform-origin: left center;
}
.s02-creamos__arrow {
width: clamp(140px, 14vw, 220px);
height: auto;
margin-top: -8px;
margin-left: clamp(40px, 6vw, 80px);
overflow: visible;
}
.s02-creamos__arrow path {
stroke: var(--t-accent);
stroke-width: 2.4;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
opacity: calc(0.55 + 0.45 * var(--t-scribble));
}
/* Section 02 — companion column rebuild */
.s02-companion__marker {
display: block;
font-family: var(--font-mark);
font-weight: 600;
font-size: clamp(36px, 4vw, 60px);
line-height: 1;
color: var(--t-accent);
transform: rotate(-2deg);
transform-origin: left center;
margin-bottom: clamp(20px, 2.5vw, 32px);
}
.s02-companion__lead {
font-family: var(--font-body);
font-weight: 500;
font-size: clamp(20px, 1.8vw, 28px);
line-height: 1.32;
color: var(--cream);
margin: 0 0 clamp(32px, 4vw, 52px);
max-width: 36ch;
letter-spacing: -0.005em;
}
.s02-companion__lead em {
font-family: var(--font-serif);
font-style: italic;
color: var(--cream);
letter-spacing: -0.01em;
}
.s02-pillars {
display: flex;
flex-direction: column;
border-top: 1px solid rgba(236,233,223,0.25);
margin-bottom: clamp(36px, 4.5vw, 56px);
}
.s02-pillar {
padding: clamp(20px, 2.5vw, 32px) 0;
border-bottom: 1px solid rgba(236,233,223,0.25);
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: clamp(16px, 2.5vw, 40px);
align-items: baseline;
}
@media (max-width: 640px) {
.s02-pillar { grid-template-columns: 1fr; gap: 10px; }
}
.s02-pillar__title {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(18px, 1.6vw, 24px);
letter-spacing: -0.01em;
line-height: 1.15;
color: var(--navy);
margin: 0;
}
.s02-pillar__title .mark-highlight {
color: var(--navy);
}
.s02-pillar__body {
font-family: var(--font-body);
font-size: clamp(14px, 1.05vw, 17px);
line-height: 1.55;
color: rgba(236,233,223,0.82);
margin: 0;
}
.s02-companion__close {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(22px, 2vw, 32px);
line-height: 1.3;
color: var(--cream);
margin: 0;
max-width: 42ch;
letter-spacing: -0.005em;
}
.s02-companion__close em {
font-style: italic;
color: var(--cream);
}
/* ============================================================
SECTION 02b — DIAGNOSTIC LAUNCH (3 stage cards)
============================================================ */
.diag-launch-bridge {
position: relative;
background: var(--acid);
color: var(--navy);
display: grid;
grid-template-columns: auto 1fr auto;
column-gap: clamp(28px, 3.6vw, 64px);
row-gap: clamp(20px, 2vw, 32px);
align-items: start;
padding: clamp(40px, 5vw, 72px) clamp(32px, 4vw, 64px);
margin: 0 0 clamp(80px, 10vw, 128px);
max-width: 100%;
width: 100%;
}
.diag-launch-bridge__quote {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
font-size: clamp(120px, 14vw, 200px);
line-height: 0.65;
color: var(--navy);
margin: 0;
align-self: start;
grid-row: 1;
grid-column: 1;
user-select: none;
}
.diag-launch-bridge__body {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
font-size: clamp(26px, 2.8vw, 44px);
line-height: 1.22;
letter-spacing: -0.005em;
color: var(--navy);
margin: 0;
grid-row: 1;
grid-column: 2;
padding-top: clamp(20px, 2.4vw, 36px);
text-wrap: balance;
}
.diag-launch-bridge__body em {
font-style: italic;
font-family: var(--font-serif);
background: var(--navy);
color: var(--acid);
padding: 0.04em 0.28em 0.08em;
margin: 0 0.04em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.diag-launch-bridge__credit {
grid-row: 1;
grid-column: 3;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: clamp(10px, 1.2vw, 18px);
font-family: var(--font-body);
font-weight: 600;
font-size: var(--fs-eyebrow);
letter-spacing: var(--tr-eyebrow);
text-transform: uppercase;
color: var(--navy);
text-align: right;
padding-top: clamp(28px, 3.2vw, 48px);
white-space: nowrap;
}
.diag-launch-bridge__rule {
display: block;
width: clamp(40px, 5vw, 72px);
height: 2px;
background: var(--navy);
flex-shrink: 0;
}
.diag-launch-bridge__logo {
display: block;
width: clamp(56px, 5vw, 80px);
height: auto;
margin-bottom: clamp(4px, 0.6vw, 8px);
}
@media (max-width: 880px) {
.diag-launch-bridge {
grid-template-columns: auto 1fr;
}
.diag-launch-bridge__credit {
grid-row: 2;
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
align-self: start;
text-align: left;
padding-top: 0;
}
}
.diag-launch-header {
display: grid;
grid-template-columns: 1fr 0.85fr;
gap: clamp(40px, 6vw, 96px);
align-items: end;
margin-bottom: clamp(72px, 9vw, 120px);
}
.diag-launch-header__lede {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(18px, 1.5vw, 24px);
line-height: 1.4;
color: var(--navy-70);
max-width: 40ch;
margin: 0;
}
.diag-launch-header__right {
display: flex;
flex-direction: column;
gap: clamp(20px, 2vw, 32px);
padding-bottom: clamp(8px, 1vw, 16px);
}
.diag-launch-header__rule {
display: block;
width: clamp(48px, 6vw, 80px);
height: 2px;
background: var(--navy);
}
/* Section--navy overrides */
.section--navy .diag-launch-header__rule { background: var(--cream); }
.section--navy .diag-launch-header__lede { color: rgba(236,233,223,0.78); }
.section--navy .diag-launch-choice__rule { background: rgba(236,233,223,0.4); }
.section--navy .diag-launch-choice__count { color: rgba(236,233,223,0.65); }
.section--navy .diag-stage-loop .mark-loop--navy svg path { stroke: var(--cream); }
@media (max-width: 880px) {
.diag-launch-header { grid-template-columns: 1fr; }
}
.diag-launch-choice {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: clamp(28px, 3vw, 40px);
}
.diag-launch-choice__rule {
flex: 1;
height: 1px;
background: var(--navy);
}
.diag-launch-choice__count {
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--navy-70);
}
.diag-stage-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(20px, 2vw, 32px);
}
@media (max-width: 880px) {
.diag-stage-grid { grid-template-columns: 1fr; }
}
.diag-stage-card {
position: relative;
display: flex;
flex-direction: column;
text-align: left;
background: var(--white);
border: 1px solid var(--navy);
border-radius: var(--r-0);
padding: clamp(28px, 3vw, 44px);
cursor: pointer;
font: inherit;
color: var(--navy);
gap: clamp(24px, 2.5vw, 36px);
min-height: clamp(340px, 32vw, 440px);
transition: background 280ms var(--ease-edit), transform 280ms var(--ease-edit), box-shadow 280ms var(--ease-edit);
}
.diag-stage-card:hover {
background: var(--t-accent);
transform: translateY(-4px);
box-shadow: var(--shadow-hover);
}
.diag-stage-card:active {
transform: translateY(-1px);
}
.diag-stage-card__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.diag-stage-card__num {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(40px, 4vw, 64px);
line-height: 1;
letter-spacing: -0.025em;
color: var(--navy);
}
.diag-stage-card__arrow {
display: inline-flex;
align-items: center;
margin-top: 6px;
opacity: 0;
transform: translateX(-4px);
transition: opacity 240ms var(--ease-edit), transform 240ms var(--ease-edit);
}
.diag-stage-card__arrow svg { width: 40px; height: 22px; }
.diag-stage-card__arrow svg path { stroke: var(--navy) !important; }
.diag-stage-card:hover .diag-stage-card__arrow {
opacity: 1;
transform: translateX(0);
}
.diag-stage-card__body-wrap {
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.diag-stage-card__label {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(24px, 2.2vw, 36px);
letter-spacing: -0.015em;
line-height: 1.05;
color: var(--navy);
margin: 0;
}
.diag-stage-card__sub {
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--navy-70);
margin: 0;
}
.diag-stage-card__body {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.4;
color: var(--navy);
margin: 8px 0 0;
}
.diag-stage-card__cta {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-family: var(--font-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--cream);
background: var(--navy);
padding: clamp(14px, 1.4vw, 18px) clamp(18px, 2vw, 24px);
border-radius: var(--r-pill);
transition: background 240ms var(--ease-edit);
margin-top: clamp(12px, 1.4vw, 20px);
}
.diag-stage-card__cta-arrow {
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
transition: transform 240ms var(--ease-edit);
}
.diag-stage-card:hover .diag-stage-card__cta {
background: var(--navy-90);
}
.diag-stage-card:hover .diag-stage-card__cta-arrow {
transform: translateX(4px);
}
/* ============================================================
HERO CLOSING — arrow pointing UP to questions
============================================================ */
.hero-closing__text-wrap {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: clamp(20px, 2.6vw, 40px);
}
.hero-closing__arrow-up {
width: clamp(100px, 9vw, 150px);
height: clamp(220px, 22vw, 360px);
overflow: visible;
flex-shrink: 0;
margin-top: clamp(-120px, -14vw, -200px);
margin-left: clamp(24px, 4vw, 64px);
}
.hero-closing__arrow-up path {
stroke: var(--t-accent);
stroke-width: 3.4;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
opacity: calc(0.6 + 0.4 * var(--t-scribble));
}
@media (max-width: 880px) {
.hero-closing__arrow-up { display: none; }
}
/* ============================================================
SECTION 02 — companion close wrap (loop next to closing line)
============================================================ */
.s02-companion__close-wrap {
position: relative;
margin-top: clamp(28px, 3vw, 40px);
}
/* ============================================================
SECTION 02b — diagnostic stage loop (below cards)
============================================================ */
.diag-stage-loop {
position: relative;
display: flex;
justify-content: center;
}
.diag-stage-loop .mark-loop {
position: relative !important;
left: auto !important;
top: auto !important;
}
/* ============================================================
SECTION 03 — PARA QUIÉN ES (3 layout variants)
============================================================ */
.who-editorial {
display: grid;
grid-template-columns: 0.95fr 1.05fr;
gap: clamp(40px, 6vw, 96px);
align-items: center;
}
@media (max-width: 880px) {
.who-editorial { grid-template-columns: 1fr; }
}
.who-editorial__photo {
position: relative;
padding: clamp(16px, 2vw, 32px);
}
.who-editorial__photo .photo {
position: relative;
width: 100%;
}
.who-editorial__headline {
margin: 0 0 clamp(40px, 5vw, 64px);
max-width: 18ch;
}
.who-editorial__loop-arrow {
display: block;
width: clamp(100px, 9vw, 140px);
height: clamp(130px, 12vw, 180px);
margin: clamp(-24px, -2vw, -16px) 0 clamp(28px, 3vw, 40px) clamp(8px, 1vw, 16px);
overflow: visible;
}
.who-editorial__loop-arrow path {
stroke: var(--t-accent);
stroke-width: 3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
opacity: calc(0.6 + 0.4 * var(--t-scribble));
}
.who-editorial__list {
list-style: none;
padding: 0;
margin: 0;
}
.who-editorial__item {
display: grid;
grid-template-columns: 56px 1fr;
gap: clamp(16px, 2vw, 28px);
align-items: baseline;
padding: clamp(18px, 2vw, 26px) 0;
border-top: 1px solid var(--navy-20);
}
.who-editorial__item:last-child {
border-bottom: 1px solid var(--navy-20);
}
.who-editorial__num {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(20px, 1.8vw, 26px);
letter-spacing: 0.04em;
color: var(--navy-70);
line-height: 1;
}
.who-editorial__body {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(18px, 1.5vw, 24px);
line-height: 1.35;
color: var(--navy);
margin: 0;
letter-spacing: -0.005em;
}
/* Variant B — manifesto */
.who-manifesto__headline {
font-family: var(--font-display);
text-transform: uppercase;
font-weight: 800;
font-size: clamp(64px, 12vw, 200px);
line-height: 0.88;
letter-spacing: -0.025em;
color: var(--navy);
margin: 0 0 clamp(56px, 7vw, 96px);
}
.who-manifesto__headline em {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
text-transform: none;
color: var(--navy-70);
}
.who-manifesto__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(20px, 2.5vw, 36px);
}
@media (max-width: 1000px) { .who-manifesto__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .who-manifesto__grid { grid-template-columns: 1fr; } }
.who-manifesto__item {
padding-top: clamp(24px, 2.5vw, 36px);
border-top: 2px solid var(--navy);
}
.who-manifesto__num {
display: block;
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(36px, 4vw, 60px);
line-height: 1;
letter-spacing: -0.02em;
color: var(--navy);
margin-bottom: clamp(16px, 1.8vw, 24px);
}
.who-manifesto__short {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(18px, 1.4vw, 22px);
letter-spacing: -0.01em;
line-height: 1.15;
color: var(--navy);
margin: 0 0 10px;
}
.who-manifesto__body {
font-family: var(--font-body);
font-size: clamp(14px, 1vw, 16px);
line-height: 1.5;
color: var(--navy-70);
margin: 0;
}
/* Section 03 closing */
.who-closing {
margin-top: clamp(80px, 10vw, 140px);
display: grid;
grid-template-columns: auto 1fr;
gap: clamp(28px, 3vw, 48px);
align-items: start;
padding-top: 0;
border-top: none;
}
.who-closing__rule {
display: block;
width: clamp(48px, 5vw, 72px);
height: 2px;
background: var(--navy);
margin-top: clamp(28px, 3vw, 44px);
flex-shrink: 0;
}
.who-closing__text {
font-family: var(--font-serif);
font-style: italic;
font-weight: 400;
font-size: clamp(32px, 4.2vw, 64px);
line-height: 1.08;
letter-spacing: -0.012em;
color: var(--navy);
max-width: 22ch;
margin: 0;
}
@media (max-width: 720px) {
.who-closing { grid-template-columns: 1fr; }
.who-closing__rule { margin-top: 0; }
.who-closing__text br { display: none; }
}
/* ============================================================
SECTION 04 — "Recibirás claridad sobre" handwritten marker
============================================================ */
.s04-recibiras-marker {
display: block;
font-family: var(--font-mark);
font-weight: 600;
font-size: clamp(34px, 3.6vw, 56px);
line-height: 1;
color: var(--t-accent);
transform: rotate(-2deg);
transform-origin: left center;
margin-bottom: clamp(20px, 2.5vw, 32px);
}
/* ============================================================
BRAND WORDMARK — HTML/CSS lockup, themeable
============================================================ */
.wordmark-lockup {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
aspect-ratio: 1 / 1;
padding: calc(var(--wm-base) * 0.42) calc(var(--wm-base) * 0.32);
padding: clamp(18px, 2vw, 32px) clamp(22px, 2.4vw, 40px);
--wm-fg: var(--navy);
--wm-accent: var(--t-accent);
--wm-bracket: var(--navy);
}
.wordmark-lockup--navy { --wm-fg: var(--navy); --wm-accent: var(--t-accent); --wm-bracket: var(--t-accent); }
.wordmark-lockup--blue { --wm-fg: var(--blue-med); --wm-accent: var(--blue-med); --wm-bracket: var(--blue-med); }
.wordmark-lockup--cream { --wm-fg: var(--cream); --wm-accent: var(--t-accent); --wm-bracket: var(--t-accent); }
.wordmark-lockup__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 0.86;
font-family: "Open Sauce One", "Open Sauce Sans", system-ui, sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.015em;
color: var(--wm-fg);
}
.wordmark-lockup__top,
.wordmark-lockup__bottom {
font-size: calc(var(--wm-base) * 0.32);
letter-spacing: 0.02em;
}
.wordmark-lockup__mid {
font-size: var(--wm-base);
text-transform: lowercase;
color: var(--wm-accent);
letter-spacing: -0.04em;
line-height: 0.85;
}
.wordmark-lockup__dot {
color: var(--wm-accent);
}
.wordmark-lockup--sm { --wm-base: clamp(28px, 3vw, 44px); }
.wordmark-lockup--md { --wm-base: clamp(40px, 4.5vw, 72px); }
.wordmark-lockup--lg { --wm-base: clamp(64px, 7vw, 120px); }
.wordmark-lockup__corner {
position: absolute;
width: clamp(22px, 2.4vw, 36px);
height: clamp(22px, 2.4vw, 36px);
border: 2px solid var(--wm-bracket);
pointer-events: none;
}
.wordmark-lockup__corner--tl { top: 0; left: 0; border-right: 0; border-bottom: 0; }
.wordmark-lockup__corner--tr { top: 0; right: 0; border-left: 0; border-bottom: 0; }
.wordmark-lockup__corner--bl { bottom: 0; left: 0; border-right: 0; border-top: 0; }
.wordmark-lockup__corner--br { bottom: 0; right: 0; border-left: 0; border-top: 0; }
/* ============================================================
SECTION 05 — FINAL CTA (acid hero + cream community)
============================================================ */
.cta-acid {
position: relative;
overflow: hidden;
}
.cta-wordmark {
display: flex;
justify-content: center;
margin-bottom: clamp(40px, 5vw, 64px);
}
.cta-wordmark__img {
display: block;
width: clamp(120px, 11vw, 180px);
height: auto;
}
.cta-primary-button {
display: inline-flex;
align-items: center;
gap: clamp(16px, 2vw, 28px);
background: var(--navy);
color: var(--cream);
border: 0;
border-radius: var(--r-pill);
padding: clamp(20px, 2.2vw, 28px) clamp(32px, 3.5vw, 48px);
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(18px, 1.6vw, 24px);
letter-spacing: -0.005em;
cursor: pointer;
transition: background 240ms var(--ease-edit), transform 240ms var(--ease-edit), box-shadow 240ms var(--ease-edit);
box-shadow: 0 1px 0 var(--navy-90);
}
.cta-primary-button:hover {
background: var(--navy-90);
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(23, 36, 63, 0.18);
}
.cta-primary-button:active {
transform: translateY(0);
}
.cta-primary-button__arrow {
font-family: var(--font-body);
font-weight: 400;
font-size: clamp(22px, 2vw, 28px);
transition: transform 240ms var(--ease-edit);
}
.cta-primary-button:hover .cta-primary-button__arrow {
transform: translateX(6px);
}
.cta-primary-button__note {
font-family: var(--font-body);
font-size: clamp(14px, 1vw, 16px);
color: var(--navy-70);
margin: clamp(18px, 2vw, 24px) auto 0;
letter-spacing: 0.02em;
}
/* Community sub-block — cream panel inside acid section */
.community-block {
background: var(--cream);
color: var(--navy);
padding: clamp(80px, 10vw, 140px) clamp(24px, 5vw, 96px);
border-top: 1px solid var(--navy);
}
.community-block__grid {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: clamp(40px, 6vw, 96px);
align-items: center;
}
@media (max-width: 880px) {
.community-block__grid { grid-template-columns: 1fr; }
}
.community-block__photo {
position: relative;
padding: clamp(16px, 2vw, 32px);
}
.community-block__photo .photo {
aspect-ratio: 4/5;
width: 100%;
position: relative;
}
.community-block__copy {
text-align: left;
}
.community-block__title {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(36px, 4vw, 64px);
line-height: 1.05;
letter-spacing: -0.02em;
color: var(--navy);
margin: clamp(16px, 2vw, 24px) 0 clamp(20px, 2.4vw, 32px);
max-width: 18ch;
}
.community-block__lede {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(18px, 1.4vw, 22px);
line-height: 1.4;
color: var(--navy-70);
margin: 0 0 clamp(32px, 4vw, 48px);
max-width: 38ch;
}
.community-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
max-width: 520px;
}
@media (max-width: 540px) {
.community-form { grid-template-columns: 1fr; }
}
.community-form__field {
display: flex;
flex-direction: column;
gap: 8px;
}
.community-form__field span {
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--navy-70);
}
.community-form__field input {
font-family: var(--font-body);
font-size: 16px;
background: var(--white);
border: 1px solid var(--navy);
border-radius: var(--r-2);
padding: 14px 16px;
color: var(--navy);
transition: border-color 200ms var(--ease-edit);
}
.community-form__field input:focus {
outline: none;
border-color: var(--blue-med);
box-shadow: 0 0 0 3px rgba(120, 140, 227, 0.18);
}
.community-form__submit {
grid-column: 1 / -1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: var(--navy);
color: var(--cream);
border: 0;
border-radius: var(--r-pill);
padding: 16px 32px;
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(15px, 1.2vw, 18px);
letter-spacing: -0.005em;
cursor: pointer;
transition: background 240ms var(--ease-edit);
margin-top: 8px;
}
.community-form__submit:hover {
background: var(--navy-90);
}
.community-form__submit-arrow {
font-family: var(--font-body);
font-weight: 400;
font-size: 18px;
transition: transform 240ms var(--ease-edit);
}
.community-form__submit:hover .community-form__submit-arrow {
transform: translateX(4px);
}
.community-form--done {
padding: clamp(28px, 3vw, 40px);
border: 1px solid var(--navy);
background: var(--white);
border-radius: var(--r-2);
max-width: 520px;
}
.community-form__done-title {
font-family: var(--font-display);
font-weight: 800;
font-size: clamp(22px, 2vw, 28px);
color: var(--navy);
margin: 0 0 8px;
}
.community-form__done-body {
font-family: var(--font-body);
font-size: 15px;
color: var(--navy-70);
margin: 0;
}
/* ============================================================
FOOTER — simplified
============================================================ */
.footer__top {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: clamp(32px, 5vw, 96px);
padding-bottom: clamp(40px, 5vw, 72px);
align-items: start;
}
@media (max-width: 880px) {
.footer__top { grid-template-columns: 1fr; gap: 40px; }
}
.footer__brand {
display: flex;
flex-direction: column;
gap: clamp(20px, 2.4vw, 32px);
align-items: flex-start;
}
.footer__brand-img {
display: block;
width: clamp(160px, 14vw, 210px);
height: auto;
margin: 0;
}
.footer__brand-text {
font-family: var(--font-serif);
font-style: italic;
font-size: clamp(18px, 1.4vw, 22px);
color: var(--cream);
max-width: 30ch;
line-height: 1.35;
margin: 0;
}
.footer__col-label {
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 0.24em;
text-transform: uppercase;
color: rgba(236, 233, 223, 0.55);
margin: 0 0 20px;
}
.footer__contact,
.footer__social {
display: grid;
gap: 20px;
align-content: start;
}
/* v2-styles.css — layout for the bootcamp funnel sections.
Loads AFTER styles.css. Tokens only — no raw hex. */
/* Body-copy ink one step darker than navy-70 for AA contrast on cream/white. */
:root{--navy-85:#333E5D}
/* ---------- NAV (text lockup, page-level sticky, navy ground) ---------- */
.v2-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,4vw,64px);padding:clamp(16px,1.7vw,24px) clamp(24px,5vw,96px);background:var(--navy);border-bottom:1px solid rgba(236,233,223,.2)}
.v2-nav__brand-link{text-decoration:none;color:inherit}
.v2-nav__menu{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px)}
.v2-nav__link{position:relative;white-space:nowrap;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);text-decoration:none;padding:6px 0;transition:opacity var(--dur-2) var(--ease-out)}
.v2-nav__link:hover{opacity:.6}
.v2-nav__link[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--acid)}
.v2-nav__cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);background:var(--cream);border:1px solid var(--cream);padding:12px 20px;text-decoration:none;white-space:nowrap;transition:background var(--dur-2) var(--ease-out)}
.v2-nav__cta:hover{background:var(--white)}
.v2-nav__cta span{transition:transform var(--dur-2) var(--ease-out)}
.v2-nav__cta:hover span{transform:translateX(4px)}
@media (max-width:1080px){.v2-nav__tagline{display:none}}
@media (max-width:820px){.v2-nav{flex-wrap:wrap;row-gap:12px}.v2-nav__menu{gap:16px}.v2-nav__link{font-size:10px;letter-spacing:.14em}.v2-nav__cta{padding:10px 14px;font-size:10px;letter-spacing:.12em}}
@media (max-width:640px){.v2-nav__cta{order:3;width:100%;justify-content:center}}
/* Focus visible — acid ring on every interactive element */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--t-accent);outline-offset:3px;border-radius:1px}
.section--acid a:focus-visible,.section--acid button:focus-visible,.section--acid input:focus-visible{outline-color:var(--navy)}
.v2-nav__brand{display:flex;align-items:baseline;gap:9px;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.15vw,18px);letter-spacing:-.01em;color:var(--white)}
.v2-nav__brand b{font-weight:700}
.v2-nav__bracket{color:var(--t-accent);font-weight:800}
.v2-nav__full{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--white);opacity:.7;margin-left:4px}
@media (max-width:1100px){.v2-nav__full{display:none}}
@media (max-width:560px){.v2-nav__full{display:none}}
/* ---------- HERO (full-bleed image, centered text) ---------- */
.v2-hero{position:relative;min-height:min(92vh,920px);display:grid;place-items:center;padding:clamp(72px,9vw,132px) clamp(24px,5vw,96px);overflow:hidden;isolation:isolate;background:var(--navy)}
.v2-hero__bg{position:absolute;inset:0;z-index:0}
.v2-hero__bg .photo,.v2-hero__bg image-slot{display:block;width:100%;height:100%}
.v2-hero__bg img{width:100%;height:100%;object-fit:cover}
/* The hero slot IS the full-screen background. Keep its drop chrome visible and
droppable, but park the empty state at the bottom of the frame so it never
lands behind the centered copy, and tint it for the navy ground. */
.v2-hero__bg .photo{background:transparent}
.v2-hero__bg .photo::before,.v2-hero__bg .photo::after{display:none}
.v2-hero__bg image-slot::part(frame){background:transparent}
/* Park the empty state in the bottom-right corner — clear of the centered
copy column and of the CTA, which the upload glyph was poking out from under. */
.v2-hero__bg image-slot:not([data-filled])::part(empty){justify-content:flex-end;align-items:flex-end;text-align:right;padding:0 clamp(20px,3vw,44px) clamp(18px,2.6vw,36px) 0;color:rgba(236,233,223,.8)}
.v2-hero__bg image-slot:not([data-filled])::part(ring){border-color:rgba(236,233,223,.4)}
.v2-hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(23,36,63,.62),rgba(23,36,63,.8) 45%,rgba(23,36,63,.8) 78%,rgba(23,36,63,.68));pointer-events:none}
.v2-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(1120px,100%)}
.v2-hero__eyebrow{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(19px,1.85vw,30px);line-height:1.15;color:var(--white);margin:0 0 clamp(28px,3.4vw,52px);max-width:22ch}
.v2-hero__headline{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(34px,4.6vw,65px);line-height:1.18;letter-spacing:-.028em;color:var(--white);margin:0 0 clamp(24px,2.6vw,38px);max-width:24ch;text-wrap:balance}
.v2-hero__headline .mark-highlight{color:var(--navy)}
/* Solid acid block — no angled gradient edge at the start of the swipe. */
.v2-hero__headline .mark-highlight{background-image:linear-gradient(var(--t-accent),var(--t-accent));padding:0 .14em}
.v2-hero__sub{font-family:var(--font-body);font-size:clamp(15px,1.15vw,19px);line-height:1.6;color:var(--cream);opacity:.92;max-width:64ch;margin:0 0 clamp(36px,4vw,56px);text-wrap:pretty}
.v2-hero__cta{display:inline-flex;align-items:center;white-space:nowrap;gap:14px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--cream);color:var(--navy);border:1px solid var(--cream);padding:20px 36px;border-radius:var(--r-0);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.v2-hero__cta:hover{background:var(--white)}
.v2-hero__cta span{transition:transform var(--dur-2) var(--ease-out)}
.v2-hero__cta:hover span{transform:translateX(5px)}
a.v2-hero__cta{text-decoration:none}
.v2-hero__loop{position:absolute;z-index:2;left:clamp(-40px,-2vw,0px);bottom:clamp(24px,4vw,64px);width:clamp(180px,22vw,340px);height:clamp(90px,11vw,170px);transform:rotate(-6deg)}
/* ---------- DOLOR (cream) ---------- */
#dolor{padding-top:clamp(38px,4vw,60px);padding-bottom:clamp(38px,4vw,60px)}
.pain__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3.2vw,44px);line-height:1.06;letter-spacing:-.024em;color:var(--navy);max-width:26ch;margin:0 0 clamp(28px,3.2vw,46px);text-align:left;text-wrap:balance}
.pain-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-top:1px solid var(--navy-20)}
.pain-col{text-align:left;padding:clamp(22px,2.6vw,36px) clamp(20px,2.6vw,40px);border-right:1px solid var(--navy-20)}
.pain-col:first-child{padding-left:0}
.pain-col:last-child{border-right:0;padding-right:0}
.pain-col__title-btn,.mech-col__title-btn{all:unset}
.pain-col__title{font-family:var(--font-display);font-weight:800;text-transform:none;font-size:clamp(17px,1.5vw,22px);line-height:1.12;letter-spacing:-.008em;color:var(--navy);margin:0 0 clamp(8px,.9vw,13px)}
.pain-col__body{font-family:var(--font-body);font-size:clamp(15px,1.12vw,18px);line-height:1.62;color:var(--navy-70);margin:0;max-width:34ch;text-wrap:pretty}
.pain__closing{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,3vw,48px);font-family:var(--font-display);font-weight:800;font-size:clamp(19px,1.9vw,26px);line-height:1.28;letter-spacing:-.01em;color:var(--navy);margin:clamp(30px,3.2vw,48px) 0 0;padding:clamp(24px,2.6vw,36px) clamp(20px,2.2vw,28px);max-width:100%;text-wrap:pretty}
.pain__closing-logo{flex:0 0 auto;width:clamp(72px,7.5vw,108px);height:auto}
/* ---------- MECANISMO (navy) ---------- */
#mecanismo{position:relative;padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.mech__kicker{font-family:var(--font-display);font-weight:800;text-transform:none;font-size:clamp(26px,3vw,48px);line-height:1.02;letter-spacing:-.024em;color:var(--white);margin:0 0 clamp(16px,1.8vw,24px);max-width:34ch}
#mecanismo .eyebrow-tag{margin:0 0 clamp(12px,1.4vw,18px)}
.mech__sub{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.58;color:rgba(236,233,223,.72);margin:0 0 clamp(38px,4.4vw,64px);max-width:60ch;text-wrap:pretty}
.mech-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 clamp(30px,3.2vw,48px);border-top:1px solid rgba(236,233,223,.2)}
.mech-col{text-align:left;padding:clamp(22px,2.6vw,36px) clamp(20px,2.6vw,40px);border-right:1px solid rgba(236,233,223,.2)}
.mech-col:first-child{padding-left:0}
.mech-col:last-child{border-right:0;padding-right:0}
.mech-col__title{font-family:var(--font-display);font-weight:800;text-transform:none;font-size:clamp(17px,1.5vw,22px);line-height:1.12;letter-spacing:-.008em;color:var(--cream);margin:0 0 clamp(8px,.9vw,12px)}
.mech-col__body{font-family:var(--font-body);font-size:clamp(15px,1.12vw,18px);line-height:1.62;color:rgba(236,233,223,.72);margin:0;max-width:34ch;text-wrap:pretty}
.mech__closing{position:relative;display:flex;align-items:center;gap:clamp(24px,3vw,48px);font-family:var(--font-display);font-weight:800;font-size:clamp(19px,1.9vw,26px);line-height:1.28;letter-spacing:-.01em;color:var(--cream);margin:0 0 clamp(34px,3.6vw,52px);padding:clamp(24px,2.6vw,36px) clamp(20px,2.2vw,28px);max-width:100%;text-wrap:pretty}
.mech__free{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,3vw,40px);flex-wrap:wrap;border-top:1px solid rgba(236,233,223,.2);padding-top:clamp(24px,2.8vw,38px)}
.mech__free-copy{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:rgba(236,233,223,.85);margin:0;max-width:44ch;text-wrap:pretty}
.mech__free-cta{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:transparent;border:1px solid var(--cream);padding:14px 22px;text-decoration:none;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
.mech__free-cta:hover{background:var(--acid);color:var(--navy);border-color:var(--acid)}
.mech__free-cta--solid{background:transparent;color:var(--cream);border:1px solid var(--cream);padding:14px 22px;border-radius:2px}
.mech__free-cta--solid:hover{background:var(--acid);color:var(--navy);border-color:var(--acid)}
.mech-item:last-child{border-bottom:0}
.mech-item__title{font-family:var(--font-display);font-weight:800;text-transform:none;font-size:clamp(18px,1.8vw,28px);line-height:1.12;letter-spacing:-.008em;color:var(--cream);margin:0 0 clamp(8px,.9vw,13px)}
.mech-item__body{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.62;color:rgba(236,233,223,.78);margin:0;max-width:52ch;text-wrap:pretty}
/* Right-anchored decorative loops bleed past the viewport edge and would extend
scrollWidth in LTR — clip horizontally while keeping the vertical bleed. */
#mecanismo,#workbook{overflow-x:clip}
.mech__photo{position:relative;overflow:visible;width:100%;max-width:360px;margin-inline:auto;padding:clamp(10px,1.2vw,18px)}
#mecanismo .bracket-corner{z-index:6;width:clamp(22px,2.2vw,34px);height:clamp(22px,2.2vw,34px)}
/* ---------- AUTORIDAD (navy) ---------- */
.auth-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,6vw,104px);align-items:start}
.auth__cta--under-photo{margin-top:clamp(20px,2.2vw,28px)}
.auth__cta-wrap{display:flex;justify-content:center}
.auth__photo{position:relative;padding:clamp(16px,1.8vw,30px);overflow:visible}
.auth__photo-veil{position:relative}
.auth__photo-veil::after{content:"";position:absolute;inset:0;background:rgba(23,36,63,.55);pointer-events:none;z-index:2}
.auth__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.6vw,35px);line-height:1.08;letter-spacing:-.02em;color:var(--cream);margin:0 0 clamp(28px,3vw,44px);max-width:28ch;text-wrap:balance}
.auth__body{font-family:var(--font-body);font-size:clamp(15px,1.15vw,18px);line-height:1.68;color:rgba(236,233,223,.8);margin:0 0 1.35em;max-width:62ch}
.auth__body:last-of-type{margin-bottom:clamp(14px,1.4vw,20px)}
.auth__pull{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(21px,1.85vw,30px);line-height:1.3;color:var(--acid);margin:0 0 1.3em;max-width:44ch}
.auth__sig{display:flex;align-items:center;gap:14px;padding-top:0}
.auth__sig-name{font-family:var(--font-mark);font-weight:600;font-size:clamp(24px,2.2vw,36px);color:var(--t-accent);line-height:1}
.auth__sig-role{font-family:var(--font-body);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,233,223,.55)}
.auth__cta{margin-top:clamp(22px,2.4vw,34px)}
#autoridad.section--cream .auth__headline{color:var(--navy)}
.auth__headline--top{max-width:62ch;margin:0 0 clamp(32px,3.6vw,52px)}
#autoridad.section--cream .auth__body{color:var(--navy-70)}
#autoridad.section--cream .auth__lead,#autoridad.section--cream .auth__key{color:var(--navy)}
#autoridad.section--cream .auth__sig-role{color:var(--navy-50)}
#autoridad.section--cream .auth__photo-veil::after{background:rgba(23,36,63,.35)}
/* ---------- PRUEBA (sección propia, ground claro) ---------- */
#prueba{padding-top:clamp(38px,4vw,62px);padding-bottom:clamp(38px,4vw,62px)}
.proof{display:grid;gap:clamp(30px,3.4vw,52px)}
.proof__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px);list-style:none;margin:0;padding:0 0 clamp(26px,3vw,42px);border-bottom:1px solid var(--navy-20)}
.proof__stat{display:flex;flex-direction:column;gap:6px}
.proof__stat-n{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.03em;color:var(--navy)}
.proof__stat-n[data-word]{font-family:var(--font-body);font-size:clamp(14px,1.15vw,17px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;padding-top:clamp(6px,.8vw,12px)}
.proof__stat-l{font-family:var(--font-body);font-size:clamp(12px,.92vw,14px);line-height:1.4;color:var(--navy-85,var(--navy-70))}
.proof__quotes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px)}
.proof__quote{margin:0;padding-left:clamp(16px,1.6vw,24px);border-left:1px solid var(--navy)}
.proof__quote blockquote{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(17px,1.5vw,23px);line-height:1.32;color:var(--navy);margin:0 0 clamp(12px,1.4vw,18px);max-width:42ch}
.proof__quote figcaption{display:flex;flex-direction:column;gap:3px}
.proof__who{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.proof__what{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-70)}
/* ---------- BOOTCAMPS (cream) ---------- */
#bootcamps{padding-top:clamp(56px,5.6vw,88px);padding-bottom:clamp(72px,7vw,104px)}
.bc__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.5vw,58px);line-height:1.05;letter-spacing:-.024em;color:var(--navy);margin:0 0 clamp(14px,1.5vw,20px);max-width:26ch;text-wrap:balance}
.bc__lede{font-family:var(--font-body);font-size:clamp(16px,1.2vw,20px);line-height:1.55;color:var(--navy-85,var(--navy-70));max-width:62ch;margin:0 0 clamp(14px,1.6vw,20px);text-wrap:pretty}
.bc__learn{list-style:none;margin:0 0 clamp(30px,3.4vw,44px);padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px clamp(24px,3vw,48px);max-width:820px}
.bc__learn li{display:flex;align-items:baseline;gap:10px;font-family:var(--font-body);font-size:clamp(14px,1.05vw,16px);line-height:1.5;color:var(--navy-70)}
.bc__learn li span:last-child{min-width:0;flex:1}
.bc__learn li span:first-child{color:var(--acid-deep,#B8CC1F);font-weight:700;flex:0 0 auto}
.bc__learn li b{color:var(--navy);font-weight:700}
.bc-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(10px,1.4vw,24px);margin-top:clamp(28px,3vw,44px)}
.bc-card{display:flex;flex-direction:column;min-width:0;background:var(--cream-dark);padding:clamp(20px,2.2vw,26px) clamp(18px,2vw,22px)}
.bc-card__top{flex:0 0 auto}
.bc-card__label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-70);margin:0}
.bc-card__title{font-family:var(--font-display);font-size:clamp(18px,1.6vw,23px);line-height:1.25;letter-spacing:-.01em;margin:8px 0 0;text-transform:none;min-height:2.5em}
.bc-card__title b{font-weight:800}
.bc-card__title em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400}
.bc-card__rule{display:block;width:28px;height:2px;margin:14px 0 8px}
.bc-card__body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--navy-70);margin:8px 0 0;min-height:7.5em}
.bc-card__result{font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy);background:var(--white);border-left:2px solid var(--navy);padding:14px 12px;margin:8px 0 16px;min-height:96px;display:flex;flex-direction:column;justify-content:flex-start}
.bc-card[data-step="1"] .bc-card__result{border-left-color:var(--blue-light)}
.bc-card[data-step="2"] .bc-card__result{border-left-color:var(--blue-med)}
.bc-card[data-step="3"] .bc-card__result{border-left-color:var(--navy)}
.bc-card[data-step="4"] .bc-card__result{border-left-color:var(--acid-deep,#B8CC1F)}
.bc-card__duration{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-70);margin:auto 0 0}
.bc-card__meta{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-70);margin:14px 0 0}
.bc-card__price{font-family:var(--font-body);font-size:15px;color:var(--navy);margin:4px 0 16px}
.bc-card__price b{font-weight:800}
.bc-card__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:13px 16px;transition:opacity .2s ease-out}
.bc-card__cta[data-step="1"]{background:var(--blue-light);color:var(--navy)}
.bc-card__cta[data-step="2"]{background:var(--blue-med);color:var(--white)}
.bc-card__cta[data-step="3"]{background:var(--navy);color:var(--cream)}
.bc-card__cta[data-step="4"]{background:var(--acid);color:var(--navy)}
.bc-card__cta:hover{opacity:.85}
.bc-card__cta span{transition:transform .2s ease-out}
.bc-card__cta:hover span{transform:translateX(3px)}
@media (max-width:1100px){.bc-grid{grid-template-columns:repeat(2,1fr);row-gap:clamp(18px,2.4vw,28px)}}
@media (max-width:900px){.bc__learn{grid-template-columns:1fr}.bc__close{width:100%}}
.bc__close{position:relative;width:calc(75% - clamp(10px,1.4vw,24px)/4);margin-top:clamp(40px,4.5vw,64px);padding:clamp(20px,2.2vw,30px) clamp(24px,3vw,44px);background:var(--acid);display:flex;align-items:center;justify-content:space-between;gap:clamp(28px,4vw,56px);flex-wrap:wrap}
.bc__close-text{display:flex;flex-direction:column;gap:0;flex:1;min-width:260px}
.bc__close-lede{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(17px,1.5vw,21px);line-height:1.4;color:var(--navy);margin:0}
.bc__close-title{font-family:var(--font-display);font-weight:800;font-size:clamp(17px,1.5vw,21px);line-height:1.4;letter-spacing:-.01em;color:var(--navy);margin:0;max-width:64ch;text-wrap:pretty}
.bc__close-logo{flex:0 0 auto;width:clamp(56px,6vw,80px);height:auto;opacity:1}
.bc__close-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin:14px 0 0;padding:9px 14px;background:var(--navy);color:var(--cream);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.02em}
.bc__close--quiet{background:none;padding:clamp(28px,3.2vw,40px) 0 0;margin:clamp(28px,3.2vw,40px) auto 0;border-top:1px solid var(--navy-20);display:block;text-align:center;width:100%}
.bc__close--quiet .mf__kicker{margin-bottom:8px}
.bc__close-note{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(16px,1.4vw,20px);line-height:1.4;color:var(--navy-70);margin:0 auto;max-width:56ch}
.bc-foot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(22px,3vw,56px);background:var(--navy);color:var(--cream);padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,36px)}
.bc-foot__stmt{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,2vw,30px);line-height:1.14;letter-spacing:-.02em;color:var(--cream);margin:0;max-width:26ch;text-wrap:pretty}
.bc-foot__stmt em{font-style:normal;color:var(--t-accent)}
.bc-foot__sub{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.6;color:rgba(236,233,223,.78);margin:12px 0 0;max-width:60ch;text-wrap:pretty}
.bc-foot__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:22px}
.bc-foot__point{padding:0 clamp(14px,1.6vw,22px);border-left:1px solid rgba(236,233,223,.2)}
.bc-foot__point:first-child{padding-left:0;border-left:none}
.bc-foot__point-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--t-accent);margin:0 0 6px}
.bc-foot__point-desc{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.5;color:rgba(236,233,223,.85);margin:0;max-width:44ch;text-wrap:pretty}
.bc-foot .bc-foot__btn{align-self:center}
.bc__tira{display:flex;flex-wrap:nowrap;flex:0 1 auto;min-width:0;gap:10px clamp(12px,1.4vw,22px);list-style:none;margin:0;padding:0}
.bc__tira li{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);white-space:nowrap;display:flex;align-items:center;gap:clamp(12px,1.4vw,22px)}
.bc__tira li:not(:last-child)::after{content:"";width:1px;height:12px;background:rgba(236,233,223,.3)}
.bc-foot__btn{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--t-accent);color:var(--navy);border:1px solid var(--t-accent);padding:16px 22px;text-decoration:none;white-space:nowrap;transition:background var(--dur-2) var(--ease-out)}
.bc-foot__btn:hover{background:var(--acid-deep)}
.bc-foot__btn span{transition:transform var(--dur-2) var(--ease-out)}
.bc-foot__btn:hover span{transform:translateX(4px)}
.stair{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;column-gap:clamp(10px,1.4vw,24px);position:relative;margin-top:clamp(28px,3vw,44px)}
.stair__col{display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:var(--cream-dark);padding:clamp(20px,2.2vw,28px) clamp(18px,2vw,24px)}
.stair__wordlabel{font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0}
.stair__wordmark{font-family:var(--font-display);font-weight:900;font-size:30px;line-height:1.1;letter-spacing:-.01em;margin:8px 0 0;min-height:66px}
.stair__wordmark em{font-family:var(--font-serif-italic);font-style:italic;font-weight:400}
.stair__rule{width:28px;height:1px;background:var(--navy);opacity:.35;margin:16px 0 0;flex:0 0 auto}
.stair__duration{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;font-family:var(--font-body);font-size:clamp(9px,.78vw,12px);font-weight:700;letter-spacing:.01em;color:var(--navy);margin:16px 0 0;text-transform:uppercase;border:1px solid var(--navy);padding:6px 10px;flex:0 0 auto;box-sizing:border-box}
.stair__note{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--navy-70);margin:28px 0 0}
.stair__solution{font-family:var(--font-body);font-size:14px;line-height:1.5;font-weight:600;color:var(--navy);margin:4px 0 0;flex:1}
.stair__col[data-step="1"] .stair__solution{border-left-color:var(--blue-light)}
.stair__col[data-step="2"] .stair__solution{border-left-color:var(--blue-med)}
.stair__col[data-step="3"] .stair__solution{border-left-color:var(--navy)}
.stair__col[data-step="4"] .stair__solution{border-left-color:var(--acid-deep)}
.stair__fs{margin:16px 0 0;display:flex;flex-direction:column;gap:10px;width:100%;flex:1}
.stair__fs-row{display:flex;flex-direction:column;gap:2px}
.stair__fs-row dt{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin:0}
.stair__fs-row dd{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--navy-70);margin:0}
.stair__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:none;min-height:44px;padding:0 16px;justify-content:center;width:100%;margin-top:22px;align-self:flex-end;border:1px solid var(--navy);transition:opacity .2s ease-out}
.stair__cta[data-step="1"]{background:var(--blue-light);color:var(--navy);border-color:var(--blue-light)}
.stair__cta[data-step="2"]{background:var(--blue-med);color:var(--white);border-color:var(--blue-med)}
.stair__cta[data-step="3"]{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.stair__cta[data-step="4"]{background:var(--acid-deep);color:var(--navy);border-color:var(--acid-deep)}
.stair__cta:hover{opacity:.85}
.stair__cta span{transition:transform .2s ease-out}
.stair__cta:hover span{transform:translateX(3px)}
@media (max-width:900px){.stair{grid-template-columns:1fr;row-gap:clamp(18px,2.4vw,28px)}}
/* ---------- BOOTCAMPS · Índice editorial (propuesta B) ---------- */
.bcx{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,4.5vw,88px);align-items:start}
.bcx__aside .bc__headline{margin-bottom:clamp(16px,1.8vw,24px);max-width:18ch}
.bcx__aside .bc__lede{max-width:38ch;margin-bottom:clamp(22px,2.4vw,32px)}
.bcx__aside .bc__tira{display:grid;grid-template-columns:1fr;gap:8px;padding-top:clamp(18px,2vw,26px);border-top:1px solid var(--navy-20);margin-bottom:clamp(22px,2.4vw,32px)}
.bcx__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.bcx__row{border-bottom:1px solid var(--navy-20)}
.bcx__row:last-child{border-bottom:1px solid var(--navy)}
.bcx__link{display:grid;grid-template-columns:clamp(44px,4.4vw,72px) 1fr clamp(28px,2.6vw,40px);gap:clamp(12px,1.6vw,26px);align-items:start;padding:clamp(20px,2.2vw,32px) clamp(8px,1vw,16px) clamp(20px,2.2vw,32px) 0;text-decoration:none;color:var(--navy);transition:background var(--dur-2) var(--ease-out),padding-left var(--dur-2) var(--ease-out)}
.bcx__link:hover{background:var(--white);padding-left:clamp(8px,1vw,16px)}
.bcx__n{font-family:var(--font-serif);font-size:clamp(26px,2.6vw,40px);line-height:.9;color:var(--navy);opacity:.4}
.bcx__copy{display:flex;flex-direction:column;gap:8px}
.bcx__said{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,1.65vw,26px);line-height:1.14;letter-spacing:-.016em;color:var(--navy);max-width:30ch;text-wrap:pretty}
.bcx__what{font-family:var(--font-body);font-size:clamp(13px,.98vw,15px);line-height:1.6;color:var(--navy-85,var(--navy-70));max-width:56ch;text-wrap:pretty}
.bcx__what b{font-weight:600;color:var(--navy);text-transform:uppercase;letter-spacing:.1em;font-size:.92em}
.bcx__arrow{justify-self:end;font-family:var(--font-body);font-size:18px;line-height:1.2;color:var(--navy);transition:transform var(--dur-2) var(--ease-out)}
.bcx__link:hover .bcx__arrow{transform:translateX(5px)}
@media (max-width:900px){
.bcx{grid-template-columns:1fr;gap:clamp(24px,3vw,40px)}
.bcx__aside .bc__headline,.bcx__aside .bc__lede{max-width:34ch}
.bcx__aside .bc__tira{grid-template-columns:1fr 1fr}
}
/* ---------- TEST (banda a sangre) ---------- */
.quiz{position:relative;display:grid;place-items:center;min-height:clamp(200px,23vw,280px);padding:clamp(36px,4.2vw,60px) clamp(24px,5vw,96px);overflow:hidden;isolation:isolate;background:var(--navy)}
.quiz__bg{position:absolute;inset:0;z-index:0}
.quiz__bg .photo,.quiz__bg image-slot{display:block;width:100%;height:100%}
.quiz__bg img{width:100%;height:100%;object-fit:cover}
.quiz__bg .photo{background:transparent}
.quiz__bg .photo::before,.quiz__bg .photo::after{display:none}
.quiz__bg image-slot::part(frame){background:transparent}
.quiz__bg image-slot:not([data-filled])::part(empty){justify-content:flex-end;align-items:flex-end;text-align:right;padding:0 clamp(16px,2.4vw,32px) clamp(12px,1.8vw,24px) 0;color:rgba(236,233,223,.75)}
.quiz__bg image-slot:not([data-filled])::part(ring){border-color:rgba(236,233,223,.35)}
.quiz__scrim{position:absolute;inset:0;z-index:1;background:rgba(23,36,63,.58);pointer-events:none}
.quiz__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:min(880px,100%)}
.quiz__title{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:clamp(27px,3.4vw,50px);line-height:1.06;color:var(--white);margin:0 0 clamp(12px,1.3vw,18px);max-width:24ch;text-wrap:balance}
.quiz__lede{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:var(--cream);opacity:.9;max-width:56ch;margin:0 0 clamp(18px,2vw,26px);text-wrap:pretty}
.quiz__btn{display:inline-flex;align-items:center;text-decoration:none;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--cream);color:var(--navy);border:1px solid var(--cream);padding:17px 38px;border-radius:var(--r-0);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.quiz__btn:hover{background:var(--white)}
/* ---------- LEAD MAGNET (navy) ---------- */
#workbook{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.lm-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(36px,5vw,88px);align-items:center}
.lm__photo{position:relative;padding:clamp(14px,1.6vw,26px);overflow:visible;width:100%;max-width:340px}
.lm__gift-wrap{position:absolute;left:50%;top:-14%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:6}
.lm__gift-note{font-size:clamp(15px,1.6vw,19px);color:var(--acid);white-space:nowrap;position:relative}
.lm__eyebrow{font-family:var(--font-body);font-size:clamp(24px,2.8vw,40px);font-weight:600;letter-spacing:.14em;line-height:1.16;text-transform:uppercase;color:var(--t-accent);margin:0 0 clamp(16px,1.8vw,24px)}
.lm__title{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:clamp(21px,2.1vw,28px);line-height:1.16;letter-spacing:-.01em;color:var(--cream);margin:0 0 clamp(20px,2.2vw,30px);max-width:42ch;text-wrap:balance}
.lm__title .mark-underline{white-space:nowrap}
.lm__body{font-family:var(--font-body);font-size:14px;line-height:1.62;color:rgba(236,233,223,.8);max-width:52ch;margin:0 0 clamp(24px,2.6vw,34px)}
.lm__btn{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--cream);color:var(--navy);border:1px solid var(--cream);padding:20px 34px;border-radius:var(--r-0);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.lm__btn:hover{background:var(--white)}
.lm__btn span{transition:transform var(--dur-2) var(--ease-out)}
.lm__btn:hover span{transform:translateX(5px)}
/* Workbook modal */
.wb-overlay{position:fixed;inset:0;z-index:200;background:rgba(23,36,63,.72);display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,60px)}
.wb-modal{position:relative;background:var(--cream);color:var(--navy);width:min(560px,100%);padding:clamp(32px,4vw,56px);border:1px solid var(--navy)}
.wb-modal__close{position:absolute;top:14px;right:16px;background:none;border:none;font-family:var(--font-body);font-size:22px;line-height:1;color:var(--navy-50);cursor:pointer;padding:6px}
.wb-modal__close:hover{color:var(--navy)}
.wb-modal__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-50);margin:0 0 16px}
.wb-modal__title{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;max-width:22ch}
.wb-modal__body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--navy-70);margin:0 0 clamp(24px,2.6vw,34px);max-width:44ch}
.wb-form{display:flex;flex-direction:column;gap:18px}
.wb-form__field{display:flex;flex-direction:column;gap:8px}
.wb-form__field span{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy-50)}
.wb-form__field input{font-family:var(--font-body);font-size:16px;color:var(--navy);background:var(--white);border:1px solid var(--navy);border-radius:var(--r-2);padding:15px 16px}
.wb-form__field input:focus{outline:2px solid var(--t-accent);outline-offset:1px}
.wb-form__checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.wb-form__checkbox input{margin-top:3px;flex:0 0 auto;accent-color:var(--navy)}
.wb-form__checkbox span{font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy-70)}
.wb-form__legal{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--navy-50);margin:0}
.wb-form__legal a{color:var(--navy);text-decoration:underline}
.wb-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:18px 24px;border-radius:var(--r-0);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.wb-form__submit:hover{background:var(--navy-90)}
.wb-modal__done-title{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,2.4vw,36px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}
.wb-modal__done-body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--navy-70);margin:0}
/* ---------- RECURSOS (cream) ---------- */
#recursos{padding-top:clamp(34px,3.4vw,56px);padding-bottom:clamp(34px,3.4vw,56px)}
#recursos .eyebrow-tag{color:var(--acid-deep)}
#recursos .res__headline{color:var(--navy)}
#recursos .res__lede{color:var(--navy);opacity:.8}
#recursos .res-card{border-color:var(--navy-20);background:var(--white)}
#recursos .res-card__media{border-bottom-color:var(--navy-20)}
#recursos .res-card__num{color:var(--navy);opacity:.55}
#recursos .res-card__title{color:var(--navy)}
#recursos .res-card__body{color:var(--navy-85,var(--navy-70))}
#recursos .res-card__link{color:var(--navy)}
#recursos .res__sub{color:var(--cream)}
.res__free{display:inline-block;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);background:var(--t-accent);padding:6px 12px;margin:0 0 clamp(14px,1.6vw,20px)}
.res__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.5vw,58px);line-height:1.04;letter-spacing:-.024em;color:var(--navy);margin:0 0 clamp(14px,1.6vw,20px);max-width:24ch}
/* Marked phrases in v2 display headlines must never wrap inside the inline-block
span (the underline SVG only tracks one line) — the ch-based max-widths above
guarantee the phrase fits. On cream grounds the glyphs stay navy for contrast;
only the squiggle carries the accent. */
.v2-hero__headline .mark-underline,.pain__headline .mark-underline,.mech-item__title .mark-underline,.auth__headline .mark-underline,.bc__headline .mark-underline,.lm__title .mark-underline,.res__headline .mark-underline,.comm__title .mark-underline{white-space:nowrap}
.bc__headline .mark-underline,.res__headline .mark-underline{color:inherit}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.res-card{display:flex;flex-direction:column;border:1px solid var(--navy-20);background:var(--white);transition:box-shadow 360ms var(--ease-out)}
.res-card:hover{box-shadow:var(--shadow-hover)}
.res-card__media{position:relative;overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--navy-20)}
.res-card__media .photo,.res-card__media image-slot{width:100%;height:100%;display:block}
.res-card__media .photo{background:transparent}
.res-card__media .photo::before,.res-card__media .photo::after{display:none}
.res-card__media image-slot::part(frame){background:transparent;padding:0;border:0}
.res-card__media img{transition:transform 360ms var(--ease-out)}
.res-card:hover .res-card__media img{transform:scale(1.02)}
.res-card__inner{display:flex;flex-direction:column;flex:1;padding:clamp(22px,2.2vw,32px)}
.res-card__num{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--navy);opacity:.55;margin:0 0 16px}
a.res-card__link{text-decoration:none}
.form-note{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--navy-85,var(--navy-70));margin:2px 0 0;max-width:44ch}
.form-note--acid{grid-column:1/-1;color:var(--navy);opacity:.72}
.res-card__title{font-family:var(--font-display);font-weight:800;font-size:clamp(17px,1.4vw,23px);line-height:1.16;letter-spacing:-.014em;color:var(--navy);margin:0 0 14px}
.res-card__body{font-family:var(--font-body);font-size:clamp(13px,.98vw,15px);line-height:1.6;color:var(--navy-85,var(--navy-70));margin:0 0 clamp(24px,2.6vw,34px);flex:1}
.res-card__link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);border:none;background:none;padding:0;cursor:pointer;align-self:flex-start;transition:opacity var(--dur-2) var(--ease-out)}
.res-card__link:hover{opacity:.6}
.res-card__link span{transition:transform var(--dur-2) var(--ease-out)}
.res-card__link:hover span{transform:translateX(4px)}
/* ---------- COMUNIDAD (acid) ---------- */
#comunidad{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
#comunidad .mark-loop svg path{stroke:var(--white)}
#comunidad .bracket-corner{border-color:var(--white);z-index:6;width:clamp(22px,2.2vw,34px);height:clamp(22px,2.2vw,34px)}
.comm-band{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(28px,4vw,72px);align-items:stretch;padding-top:clamp(20px,2.4vw,32px);border-top:1px solid var(--navy)}
.comm-band__side{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;padding-bottom:12px}
.comm__follow{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin:0}
.comm__socials{display:flex;gap:12px}
.comm__social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--cream);flex:0 0 auto}
.comm__social-btn svg{width:20px;height:20px}
.comm__social-btn:hover{background:var(--navy-90,var(--navy))}
#newsletter .comm__social-btn{width:36px;height:36px}
#newsletter .comm__social-btn svg{width:16px;height:16px}
.comm__photo{position:relative;overflow:visible;width:100%;max-width:340px;padding:clamp(10px,1.2vw,18px)}
.comm__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.4vw,54px);line-height:1;letter-spacing:-.026em;color:var(--navy);margin:0;max-width:22ch;te
.comm__sub{font-family:var(--font-body);font-size:clamp(15px,1.1vw,18px);line-height:1.5;color:var(--navy-70,var(--navy));margin:14px 0 0;max-width:48ch;text-transform:none}xt-wrap:balance}
.comm__handle{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--navy);opacity:.65;margin:0}
.comm__btn{display:inline-flex;align-items:center;white-space:nowrap;gap:14px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:20px 32px;text-decoration:none;transition:background var(--dur-2) var(--ease-out)}
.comm__btn:hover{background:var(--navy-90)}
.comm__btn span{transition:transform var(--dur-2) var(--ease-out)}
.comm__btn:hover span{transform:translateX(5px)}
.comm__lede{font-family:var(--font-body);font-size:clamp(15px,1.15vw,19px);line-height:1.55;color:var(--navy);opacity:.82;max-width:48ch;margin:0 0 clamp(22px,2.6vw,34px)}
.comm-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;max-width:640px}
.comm-form__field{display:flex;flex-direction:column;gap:8px}
.comm-form__field span{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);opacity:.6}
.comm-form__field input{font-family:var(--font-body);font-size:16px;color:var(--navy);background:transparent;border:none;border-bottom:1px solid var(--navy);border-radius:0;padding:12px 2px}
.comm-form__field input::placeholder{color:var(--navy);opacity:.4}
.comm-form__field input:focus{outline:none;border-bottom-width:2px}
.comm-form__submit{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:14px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:20px 30px;border-radius:var(--r-0);cursor:pointer;justify-self:start;transition:background var(--dur-2) var(--ease-out)}
.comm-form__submit:hover{background:var(--navy-90)}
.comm-form__submit span{transition:transform var(--dur-2) var(--ease-out)}
.comm-form__submit:hover span{transform:translateX(5px)}
.comm-form--done{display:block}
.comm-form__done-title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.2vw,34px);line-height:1.1;color:var(--navy);margin:0 0 10px}
.comm-form__done-body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--navy);opacity:.75;margin:0}
.comm-modal-overlay{position:fixed;inset:0;background:rgba(23,36,63,.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}
.comm-modal{position:relative;width:100%;max-width:500px;background:var(--cream);padding:clamp(36px,4vw,48px) clamp(28px,3.4vw,40px);text-align:left}
.comm-modal__close{position:absolute;top:14px;right:16px;background:none;border:0;font-size:24px;line-height:1;color:var(--navy);cursor:pointer;padding:4px}
.comm-modal__close:hover{opacity:.6}
.comm-modal__kicker{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-50);margin:0 0 14px}
.comm-modal__title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.01em;color:var(--navy);margin:0 0 14px}
.comm-modal__body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--navy-70);margin:0 0 26px}
.comm-modal__cta{width:100%;justify-content:center}
.comm-modal__micro{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--navy-50);margin:14px 0 0;text-align:center}
#newsletter .comm-form{max-width:560px;gap:14px}
#newsletter .comm-form__field input{font-size:14px;padding:10px 2px}
#newsletter .comm-form__submit{font-size:12px;padding:12px 20px}
/* ---------- FOOTER (más compacto en v2) ---------- */
.footer{padding:clamp(28px,3vw,44px) clamp(24px,5vw,96px) 20px}
.footer__top{gap:clamp(24px,3vw,44px)}
.footer__brand-img{width:clamp(130px,11vw,170px)}
.footer__col-label{margin:0 0 14px}
.footer__contact,.footer__social{gap:14px}
.footer__meta{margin-top:20px}
.footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(24px,2.6vw,38px);padding-top:16px;border-top:1px solid rgba(236,233,223,.2)}
.footer__legal-copy,.footer__legal-links a{font-family:var(--font-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(236,233,223,.6);margin:0}
.footer__legal-links{display:flex;gap:clamp(16px,2vw,28px)}
.footer__legal-links a{text-decoration:none;transition:color var(--dur-2) var(--ease-out)}
.footer__legal-links a:hover{color:var(--cream)}
/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
.auth-grid,.lm-grid{grid-template-columns:1fr}
.proof__stats{grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,28px)}
.pain-cols{grid-template-columns:1fr;max-width:56ch;border-top:0}
.pain-col{border-right:0;border-top:1px solid var(--navy-20);padding-inline:0}
.mech-cols{grid-template-columns:1fr;border-top:0}
.mech-col{border-right:0;border-top:1px solid rgba(236,233,223,.2);padding-inline:0}
.mech__closing{flex-direction:column;align-items:flex-start}
.res-grid{grid-template-columns:1fr}
.mech-item{grid-template-columns:1fr}
}
@media (max-width:1000px){
.bc-foot{gap:22px clamp(24px,3vw,40px)}
}
@media (max-width:700px){
.bc-foot{grid-template-columns:1fr}
.bc-foot .bc-foot__btn{justify-self:start}
.mech-list{grid-template-columns:1fr;max-width:56ch}
.bc__tira li:not(:last-child)::after{display:none}
}
@media (max-width:760px){
.comm-band{grid-template-columns:1fr;align-items:start;gap:clamp(24px,3vw,36px)}
.proof__quotes{grid-template-columns:1fr}
.proof__quote blockquote{max-width:none}
}
@media (max-width:640px){
.bc-grid{grid-template-columns:1fr}
.comm-form{grid-template-columns:1fr}
.nl-grid--v2{grid-template-columns:1fr}
}
.mech__kicker .mark-highlight{background-image:linear-gradient(var(--t-accent),var(--t-accent));color:var(--navy);padding:0 .14em}
.bc-foot__label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-accent);margin:0 0 14px}
.bc-foot__list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.bc-foot__list li{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.5;color:var(--cream);padding:12px 0 12px 20px;border-top:1px solid rgba(236,233,223,.2);position:relative}
.bc-foot__list li::before{content:"+";position:absolute;left:0;top:12px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--t-accent)}
.bc-foot__list li:last-child{border-bottom:1px solid rgba(236,233,223,.2)}
.bc-foot__access{justify-self:end;max-width:44ch}
.bc-foot-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--t-accent);color:var(--navy);padding:clamp(18px,1.8vw,24px) clamp(20px,2.4vw,36px);text-decoration:none;transition:background var(--dur-2) var(--ease-out)}
.bc-foot-cta:hover{background:var(--acid-deep);color:var(--navy)}
.bc-foot-cta__txt{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.3vw,19px);letter-spacing:-.01em}
.bc-foot-cta__arrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.bc-foot-cta__arrow span{transition:transform var(--dur-2) var(--ease-out)}
.bc-foot-cta:hover .bc-foot-cta__arrow span{transform:translateX(4px)}
@media (max-width:700px){.bc-foot-cta{flex-direction:column;align-items:flex-start;gap:14px}}
@media (max-width:700px){.bc-foot__access{justify-self:start;max-width:none}.bc-foot__points{grid-template-columns:1fr;gap:16px}.bc-foot__point{padding:14px 0 0;border-left:none;border-top:1px solid rgba(236,233,223,.2)}.bc-foot__point:first-child{padding-top:0;border-top:none}}
.bc-foot__facts,.bc-foot__facts-note{display:none}
.auth__lead{font-weight:600;color:var(--cream)}
.auth__key{color:var(--cream)}
.auth-facts{display:none}
/* ---------- ESTO ES PARA TI SI · autochequeo ---------- */
.fit-list__btn{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;width:100%;appearance:none;background:none;border:0;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.fit-list__mark{flex:none;color:var(--t-accent)}
.fit-list__hint{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(236,233,223,.5);margin:14px 0 0}
.fit-list__next{align-items:center;gap:10px;min-height:46px;margin-top:12px;padding:0 0 6px;border-bottom:1px solid var(--t-accent);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--t-accent);text-decoration:none}
.fit-list__hint,.fit-list__next{display:none}
.fit-list__next:hover{opacity:.7;color:var(--t-accent)}
.tst-hint{display:none}
.tst-card__next{display:none}
.mob-break{display:none}
.ltr__eyebrow-avatar{display:none}
.how2-mockup{display:none}
.ltr__toggle{display:none}
.ltr__more{display:block}
.how2-val__facts{display:none}
.only-mob{display:none}
.v2-hero__bg-mob{display:none}
.auth__photo-mob{display:none}
.v2-hero__sub--mob,.v2-hero__stages{display:none}
.v2-nav__logo-img{display:block;height:clamp(34px,4vw,46px);width:auto;image-rendering:auto}
.v2-nav__brand-link{display:flex;align-items:center;gap:12px}
.v2-nav__tagline{font-family:var(--font-serif-italic);font-style:italic;font-size:13px;color:var(--cream);white-space:nowrap}
.v2-nav__toggle,.v2-nav-sheet{display:none}
.bc-card__btn{white-space:nowrap;min-height:47px}
@media (min-width:1001px) and (max-width:1320px){.bc-card__btn{font-size:10px;letter-spacing:.08em;padding-left:12px;padding-right:12px}}
/* v2-pages.css — About / Programas / Resources. Loads after v2-styles.css. */
.prog-jump{display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,36px);justify-content:center;padding:18px clamp(24px,5vw,96px);background:var(--cream);border-bottom:1px solid var(--navy-20)}
.prog-jump__link{font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);text-decoration:none;padding:10px 2px;background:none;border:0;border-bottom:2px solid var(--navy-20);transition:border-color .2s ease-out,color .2s ease-out}
.prog-jump__link:hover{border-bottom-color:var(--navy);opacity:1}
.prog-jump__link.is-active{border-bottom-color:var(--acid)}
.prog-jump--hero{position:relative;z-index:2;background:none;border-bottom:0;padding:0;margin-top:clamp(16px,2.2vw,28px)}
.prog-jump--hero .prog-jump__link{color:var(--cream);border-bottom-color:rgba(236,233,223,.25)}
.prog-jump--hero .prog-jump__link:hover{border-bottom-color:var(--cream);color:var(--cream)}
.prog-jump--hero .prog-jump__link.is-active{border-bottom-color:var(--acid);color:var(--cream)}
.v2-hero__strip{width:64px;height:3px;background:var(--navy);margin-top:22px}
.v2-hero__cta-secondary{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);text-decoration:underline;text-decoration-color:rgba(236,233,223,.5);text-underline-offset:4px}
.v2-hero__cta-secondary:hover{opacity:.7}
.v2-hero__cta-secondary span{transition:transform .2s ease-out}
.v2-hero__cta-secondary:hover span{transform:translateX(3px)}
@media (max-width:640px){.prog-jump{gap:8px 18px;padding:14px 20px}.prog-jump__link{font-size:11px;padding:8px 2px}}
/* ---------- PAGE HERO (navy band, left aligned) ---------- */
.pg-hero{position:relative;background:var(--navy);padding:clamp(76px,9vw,150px) clamp(24px,5vw,96px) clamp(68px,8vw,130px);overflow:hidden;isolation:isolate;min-height:clamp(500px,54vw,700px);display:flex;flex-direction:column;justify-content:center}
.pg-hero__bg{position:absolute;inset:0;z-index:0}
.pg-hero__bg .photo,.pg-hero__bg image-slot{display:block;width:100%;height:100%}
.pg-hero__bg img{width:100%;height:100%;object-fit:cover}
.pg-hero__bg .photo{background:transparent}
.pg-hero__bg .photo::before,.pg-hero__bg .photo::after{display:none}
.pg-hero__bg image-slot::part(frame){background:transparent}
.pg-hero__bg image-slot:not([data-filled])::part(empty){justify-content:flex-end;align-items:flex-end;text-align:right;padding:0 clamp(18px,2.6vw,36px) clamp(14px,2vw,28px) 0;color:rgba(236,233,223,.55)}
.pg-hero__bg image-slot:not([data-filled])::part(ring){border-color:rgba(236,233,223,.38)}
.pg-hero__scrim{position:absolute;inset:0;z-index:1;background:rgba(23,36,63,.62);pointer-events:none}
.pg-hero__inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.pg-hero__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--t-accent);margin:0 0 clamp(18px,2vw,28px)}
.pg-hero[data-screen-label="Resources · Hero"] .pg-hero__eyebrow,.pg-hero[data-screen-label="About · Hero"] .pg-hero__eyebrow{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(18px,1.8vw,22px);color:var(--cream);opacity:.9;margin-bottom:clamp(18px,2vw,26px)}
.pg-hero[data-screen-label="Resources · Hero"]{padding-top:clamp(96px,11vw,190px);padding-bottom:clamp(88px,10vw,168px)}
.pg-hero[data-screen-label="Programas · Hero"]{padding-top:clamp(96px,11vw,190px);padding-bottom:clamp(88px,10vw,168px)}
.pg-hero[data-screen-label="About · Hero"]{padding-top:clamp(96px,11vw,190px);padding-bottom:clamp(88px,10vw,168px)}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__eyebrow{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:clamp(18px,1.8vw,26px);color:var(--white)}
.pg-hero__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(34px,4.6vw,72px);line-height:1.06;letter-spacing:-.03em;color:var(--white);margin:0 0 clamp(20px,2.4vw,32px);max-width:22ch;text-wrap:balance}
.pg-hero__title .mark-underline{white-space:nowrap}
.pg-hero__title .mark-highlight{color:var(--navy);background-image:linear-gradient(var(--t-accent),var(--t-accent));padding:0 .14em}
.pg-hero__title-serif{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em;color:var(--white)}
.pg-hero__lede{font-family:var(--font-body);font-size:clamp(15px,1.15vw,19px);line-height:1.62;color:rgba(236,233,223,.85);margin:0 auto;max-width:60ch;text-wrap:pretty}
.pg-hero[data-screen-label="Resources · Hero"] .pg-hero__scrim{background:rgba(23,36,63,.78)}
.pg-hero[data-screen-label="Resources · Hero"] .pg-hero__lede{color:var(--cream)}
.pg-hero__cta-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(12px,1.2vw,16px);margin:clamp(26px,3vw,44px) 0 0}
.pg-hero__cta-row>*{margin:0}
.pg-hero__cta{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:12px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--t-accent);color:var(--navy);border:0;text-decoration:none;padding:19px 30px;transition:background var(--dur-2) var(--ease-out)}
.pg-hero__cta:hover{background:var(--acid-deep);color:var(--navy);opacity:1}
.pg-hero__cta span{transition:transform var(--dur-2) var(--ease-out)}
.pg-hero__cta:hover span{transform:translateY(3px)}
.pg-hero__cta-note{font-family:var(--font-body);font-size:clamp(13px,1.02vw,15px);line-height:1.5;color:var(--cream);opacity:.92;max-width:44ch;text-wrap:pretty}
.v2-nav__link,.v2-nav__link:hover,.v2-nav__link:visited{border-bottom:none;background-image:none;text-decoration:none}
/* ---------- PROGRAMAS · dirección ---------- */
#direccion{padding-top:clamp(52px,5.6vw,88px);padding-bottom:clamp(52px,5.6vw,88px)}
.dir-spread{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,88px);align-items:start}
.dir__eyebrow{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--t-accent);margin:0 0 clamp(14px,1.6vw,22px)}
.dir__headline{font-family:var(--font-serif);font-weight:400;text-transform:none;font-size:clamp(30px,3.4vw,54px);line-height:1.06;letter-spacing:-.018em;color:var(--white);margin:0 0 clamp(16px,1.8vw,26px);max-width:22ch;text-wrap:balance}
.dir__body{font-family:var(--font-body);font-size:clamp(13px,.98vw,15px);line-height:1.62;color:rgba(236,233,223,.72);margin:0;max-width:40ch;text-wrap:pretty}
.dir-cycle{list-style:none;display:grid;gap:0;margin:0;padding:0;border-top:1px solid rgba(236,233,223,.2)}
.dir-cycle__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,34px);padding:clamp(18px,2.2vw,30px) 0;border-bottom:1px solid rgba(236,233,223,.2)}
.dir-cycle__num{font-family:var(--font-display);font-weight:700;font-size:clamp(13px,1vw,15px);letter-spacing:.06em;color:var(--t-accent);padding-top:4px}
.dir-cycle__label{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:clamp(19px,1.9vw,30px);line-height:1.1;color:var(--white);margin:0 0 8px}
.dir-cycle__text{font-family:var(--font-body);font-size:clamp(13px,.98vw,15px);line-height:1.58;color:rgba(236,233,223,.72);margin:0;max-width:46ch;text-wrap:pretty}
.dir__close{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,1.5vw,24px);line-height:1.2;letter-spacing:-.012em;color:var(--white);margin:clamp(34px,4vw,64px) 0 0;text-align:center;text-wrap:pretty}
.dir__close em{display:block;font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:clamp(30px,4vw,66px);line-height:1;letter-spacing:-.015em;color:var(--t-accent);margin-top:10px}
@media (max-width:880px){.dir-spread{grid-template-columns:1fr;gap:28px}.dir__headline{max-width:26ch}}
.dir__mark{box-shadow:inset 0 -1px 0 var(--t-accent);padding-bottom:2px}
/* ---------- PROGRAMAS · ruta (escalera) ---------- */
#comparativa{padding-top:clamp(30px,3.2vw,48px);padding-bottom:clamp(30px,3.2vw,48px)}
.stair__headline{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,3.6vw,50px);line-height:1.12;letter-spacing:-.02em;color:var(--navy);margin:0 0 clamp(20px,2.2vw,32px);max-width:22ch;text-wrap:pretty}
.stair__headline em{font-family:var(--font-serif-italic);font-style:italic;text-transform:none;font-weight:400;display:block}
.stair__headline .mark-underline{color:var(--navy)}
.stair{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:0 clamp(10px,1.4vw,24px);position:relative;--chevH:clamp(38px,3.2vw,48px);--stair-inc:clamp(30px,3vw,48px)}
.stair__col{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--cream-dark);padding:clamp(16px,1.8vw,24px)}
.stair__col[data-step="2"]{margin-bottom:0}
.stair__col[data-step="3"]{margin-bottom:0}
.stair__col[data-step="4"]{margin-bottom:0}
.stair__num{font-family:var(--font-display);font-weight:800;font-size:clamp(40px,4.6vw,64px);line-height:1;letter-spacing:-.02em;margin:0}
.stair__col[data-step="1"] .stair__num{color:var(--blue-light)}
.stair__col[data-step="2"] .stair__num{color:var(--blue-med)}
.stair__col[data-step="3"] .stair__num{color:var(--navy)}
.stair__col[data-step="4"] .stair__num{color:var(--t-accent);-webkit-text-stroke:1px var(--navy)}
.stair__pill{font-family:var(--font-body);font-size:18px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-70);margin:2px 0 14px}
.stair__meta{padding-left:0;border-left:0}
.stair__label{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(12px,1.05vw,16px);line-height:1.14;letter-spacing:-.008em;color:var(--navy);margin:0 0 8px}
.stair__note{font-family:var(--font-body);font-size:clamp(12px,.92vw,14px);line-height:1.45;color:var(--navy-70);margin:0 0 10px}
.stair__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--t-accent);padding-bottom:3px;transition:opacity var(--dur-2) var(--ease-out)}
.stair__cta:hover{color:var(--navy)}
.stair__cta span{transition:transform var(--dur-2) var(--ease-out)}
.stair__cta:hover span{transform:translateX(3px)}
.stair__closing{background:var(--t-accent);font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:30px;line-height:1.14;letter-spacing:-.01em;color:var(--navy);margin:clamp(40px,4.4vw,64px) 0 0;padding:clamp(28px,3vw,44px) clamp(24px,3vw,44px);text-wrap:pretty}
@media (max-width:900px){
.stair{grid-template-columns:1fr;gap:clamp(18px,2.4vw,28px)}
.stair__col[data-step="2"],.stair__col[data-step="3"],.stair__col[data-step="4"]{margin-bottom:0}
}
/* ---------- ABOUT · manifiesto ---------- */
#manifiesto{padding-top:clamp(36px,3.6vw,56px);padding-bottom:clamp(36px,3.6vw,56px);overflow-x:clip}
.mf-wrap{position:relative}
.mf-wrap>.mf__kicker,.mf-wrap>.mf-list{position:relative;z-index:1}
.mf__kicker{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--navy-50);margin:0 0 clamp(16px,1.8vw,26px)}
.section--navy .mf__kicker{color:var(--t-accent)}
.mf-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,72px);row-gap:0;max-width:1180px}
/* ---------- ABOUT · historia en cream ---------- */
#historia .auth__headline{color:var(--navy)}
#historia .auth__headline .mark-underline{color:var(--navy)}
#historia .auth__body{color:var(--navy-70)}
#historia .auth__sig-name{color:var(--navy)}
#historia .auth__sig-role{color:var(--navy-50)}
#historia .auth__pull{color:var(--navy)}
#historia .ltr__eyebrow{color:var(--cream);opacity:.65}
#historia .ltr__headline{color:var(--cream)}
#historia .ltr__grid{border-top-color:rgba(236,233,223,.3)}
#historia .ltr__sig-name{color:var(--acid)}
#historia .ltr__sig-role{color:var(--cream);opacity:.5}
#historia .ltr__stmt,#historia .ltr__stmt-frame .ltr__stmt{color:var(--cream)}
#historia .ltr__p{color:rgba(236,233,223,.82)}
#historia .ltr__pull{color:var(--cream)}
#historia .ltr__toggle{color:var(--cream)}
@media (max-width:760px){.mf-list{grid-template-columns:1fr}}
.mf-item{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(12px,1.4vw,20px);align-items:baseline;padding:clamp(12px,1.3vw,18px) 0;border-top:1px solid var(--navy-20);border-bottom:0}
.mf-item:nth-child(-n+2){border-top:0;padding-top:0}
@media (max-width:760px){.mf-item:nth-child(2){border-top:1px solid var(--navy-20);padding-top:clamp(12px,1.3vw,18px)}}
.mf-item__num{font-family:var(--font-serif);font-size:clamp(15px,1.1vw,18px);color:var(--acid-deep);letter-spacing:.14em}
.mf-item__line{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(17px,1.5vw,24px);line-height:1.08;letter-spacing:-.018em;color:var(--navy);margin:0 0 clamp(5px,.5vw,8px)}
.mf-item__body{font-family:var(--font-body);font-size:clamp(13.5px,.98vw,16px);line-height:1.58;color:var(--navy-70);margin:0;max-width:48ch;text-wrap:pretty}
/* ---------- ABOUT · metodología ---------- */
#metodologia{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.sec__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.2vw,52px);line-height:1.04;letter-spacing:-.024em;margin:0 0 clamp(14px,1.5vw,20px);max-width:26ch;text-wrap:balance}
.section--cream .sec__headline{color:var(--navy)}
.section--navy .sec__headline{color:var(--cream)}
#descargables .sec__lede{margin-bottom:clamp(28px,3vw,44px)}
.sec__lede{font-family:var(--font-body);font-size:clamp(15px,1.15vw,19px);line-height:1.58;max-width:60ch;margin:0 0 clamp(28px,3.2vw,48px);text-wrap:pretty}
.sec__lede{color:var(--navy-70)}
.section--navy .sec__lede{color:rgba(236,233,223,.82)}
.meth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid rgba(236,233,223,.2)}
.meth-card{padding:clamp(24px,2.6vw,40px);border-right:1px solid rgba(236,233,223,.2);border-top:1px solid rgba(236,233,223,.2);border-bottom:1px solid rgba(236,233,223,.2)}
.meth-card__num{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--t-accent);margin:0 0 clamp(18px,2vw,28px)}
.meth-card__title{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(21px,2vw,32px);line-height:1.1;color:var(--cream);margin:0 0 14px}
.meth-card__body{font-family:var(--font-body);font-size:clamp(13px,1vw,16px);line-height:1.62;color:rgba(236,233,223,.78);margin:0}
/* ---------- PROGRAMAS · bloques detallados ---------- */
#programas{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.prog-list{display:grid;gap:0;border-top:1px solid var(--navy-20)}
.prog-block{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,72px);padding:clamp(30px,3.4vw,54px) 0;border-bottom:1px solid var(--navy-20);scroll-margin-top:90px}
.prog-block__num{font-family:var(--font-serif);font-size:clamp(34px,3.6vw,58px);line-height:.86;color:var(--acid-deep);margin:0 0 clamp(14px,1.6vw,22px)}
.prog-block__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.3vw,36px);line-height:1.04;letter-spacing:-.022em;color:var(--navy);margin:0 0 14px;max-width:20ch}
.prog-block__promise{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(17px,1.5vw,24px);line-height:1.28;color:var(--navy);margin:0 0 clamp(16px,1.8vw,24px);max-width:32ch}
.prog-block__for{font-family:var(--font-body);font-size:clamp(14px,1.02vw,16px);line-height:1.62;color:var(--navy-70);margin:0 0 clamp(20px,2.2vw,30px);max-width:46ch;text-wrap:pretty}
.prog-meta{display:grid;grid-template-columns:repeat(2,minmax(0,140px));gap:16px 24px;margin:0 0 clamp(22px,2.4vw,32px)}
.prog-meta__label{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy-50);margin:0 0 5px}
.prog-meta__value{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);color:var(--navy);margin:0}
.prog-block__btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:1px solid var(--navy);text-decoration:none;padding:17px 28px;border-radius:var(--r-0);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.prog-block__btn:hover{background:var(--navy-90);opacity:1}
.prog-block__btn span{transition:transform var(--dur-2) var(--ease-out)}
.prog-block__btn:hover span{transform:translateX(4px)}
.prog-block:nth-child(1) .prog-block__btn{background:var(--blue-light);color:var(--navy)}
.prog-block:nth-child(1) .prog-block__btn:hover{background:var(--blue-med)}
.prog-block:nth-child(2) .prog-block__btn{background:var(--blue-med);color:var(--white)}
.prog-block:nth-child(2) .prog-block__btn:hover{background:var(--navy)}
.prog-block:nth-child(3) .prog-block__btn{background:var(--navy-90);color:var(--white)}
.prog-block:nth-child(3) .prog-block__btn:hover{background:var(--navy)}
.prog-block:nth-child(4) .prog-block__btn{background:var(--acid);color:var(--navy)}
.prog-block:nth-child(4) .prog-block__btn:hover{background:var(--acid-deep,#b8cc1f)}
.prog-syll__label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy-50);margin:0 0 clamp(14px,1.6vw,22px);display:flex;align-items:baseline;gap:10px}
.prog-syll__label-n{font-size:10px;color:var(--tab-accent,var(--acid-deep))}
.prog-syll{display:grid;gap:0}
.prog-syll__item:first-child{padding-top:0}
.prog-syll__item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--navy-20)}
.prog-syll__mark{font-family:var(--font-body);font-size:11px;color:var(--tab-accent,var(--acid-deep));letter-spacing:.1em}
.prog-syll__text{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:var(--navy);margin:0}
/* ---------- PROGRAMAS · comparativa ---------- */
.cmp{width:100%;border-collapse:collapse;font-family:var(--font-body)}
.cmp th,.cmp td{text-align:left;padding:clamp(14px,1.5vw,20px) clamp(12px,1.4vw,22px);border-bottom:1px solid rgba(236,233,223,.2);vertical-align:top}
.cmp thead th{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t-accent);border-bottom:1px solid rgba(236,233,223,.35)}
.cmp tbody th{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(13px,1.05vw,16px);letter-spacing:-.008em;color:var(--cream);width:26%}
.cmp tbody td{font-size:clamp(13px,1vw,15px);line-height:1.5;color:rgba(236,233,223,.8)}
.cmp-wrap{overflow-x:auto}
/* ---------- PROGRAMAS · selector de etapa ---------- */
#etapas{padding-top:clamp(38px,4vw,62px);padding-bottom:clamp(38px,4vw,62px)}
.stair__lede{font-family:var(--font-body);font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:var(--navy-70);margin:0 0 clamp(26px,3vw,44px);max-width:50ch;text-wrap:pretty}
.stair__cta{appearance:none;background:none;border:1px solid var(--navy);cursor:pointer;text-align:left;text-decoration:none;min-height:44px;padding:0 16px;justify-content:center;width:100%;color:var(--navy);transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}
.stair__col[data-step="1"] .stair__cta:hover{background:var(--blue-light);border-color:var(--blue-light);color:var(--navy)}
.stair__col[data-step="2"] .stair__cta:hover{background:var(--blue-med);border-color:var(--blue-med);color:var(--white)}
.stair__col[data-step="3"] .stair__cta:hover{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.stair__col[data-step="4"] .stair__cta:hover{background:var(--t-accent);border-color:var(--t-accent);color:var(--navy)}
.stair__cta:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.start{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4.5vw,80px);align-items:start;max-width:1180px;text-align:left}
.pay-cta{position:relative;max-width:760px;margin:0 auto;text-align:center;padding:clamp(36px,4.5vw,56px) clamp(24px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,16px)}
.pay-cta--row{max-width:1080px;width:100%;flex-direction:row;text-align:left;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,56px);padding:clamp(28px,3.6vw,44px) clamp(40px,5vw,64px)}
.pay-cta--row .pay-cta__title{font-size:clamp(22px,2.4vw,30px)}
.pay-cta--row .pay-cta__action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:none}
.pay-cta--row .pay-cta__btn{margin-top:0}
@media (max-width:760px){.pay-cta--row{flex-direction:column;text-align:center;align-items:center}.pay-cta--row .pay-cta__action{align-items:center}}
.pay-cta__title{font-family:var(--font-display);font-size:clamp(30px,3.6vw,48px);color:var(--cream);margin:0;line-height:1.1}
.pay-cta__body{color:rgba(236,233,223,.75);font-size:clamp(15px,1.4vw,18px);max-width:44ch;margin:0}
.pay-cta__btn{margin-top:8px}
.pay-cta__note{color:rgba(236,233,223,.6);font-size:13px;margin:0}
.start__lead{max-width:600px}
@media (max-width:900px){.start{grid-template-columns:1fr;gap:32px}}
.start__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.6vw,56px);line-height:1.04;letter-spacing:-.02em;color:var(--cream);margin:0 0 clamp(14px,1.6vw,20px);max-width:22ch;text-wrap:pretty}
.start__body{font-family:var(--font-body);font-size:clamp(14px,1.15vw,19px);line-height:1.6;color:var(--cream);opacity:.82;margin:0 0 clamp(24px,2.8vw,36px);max-width:52ch;text-wrap:pretty}
.start__cta{align-self:start}
.start__card{border:1px solid rgba(236,233,223,.35);padding:clamp(22px,2.4vw,34px);display:grid;gap:6px}
.start__card-kicker{font-family:var(--font-display);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--t-accent);margin:0}
.start__card-scope{font-family:var(--font-body);font-size:14px;color:rgba(236,233,223,.78);margin:0 0 clamp(14px,1.6vw,20px)}
.start__price{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,3.4vw,48px);line-height:1.05;letter-spacing:-.02em;color:var(--cream);margin:0}
.start__price span{font-size:.42em;letter-spacing:.16em;text-transform:uppercase;margin-left:6px;opacity:.7}
.start__was{font-family:var(--font-body);font-size:clamp(12px,.95vw,14px);color:rgba(236,233,223,.6);margin:8px 0 0}
.start__save{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--t-accent);margin:4px 0 0}
.start__pay{margin-top:clamp(18px,2vw,26px);padding-top:clamp(14px,1.6vw,20px);border-top:1px solid rgba(236,233,223,.2);display:grid;gap:10px}
.start__pay-list{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.start__pay-list li{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);color:var(--cream);opacity:.85}
.start__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.start__alt{appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 2px;font-family:var(--font-display);font-size:clamp(12px,.95vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--cream);border-bottom:1px solid var(--t-accent)}
.start__alt:hover{color:var(--t-accent)}
.start__alt:focus-visible{outline:2px solid var(--t-accent);outline-offset:3px}
@media (max-width:600px){.start__actions{display:grid;grid-template-columns:1fr;gap:8px}.start__cta{width:100%;justify-content:center}.start__alt{justify-content:center;min-height:52px;border-bottom:0}.start__alt span{font-size:1.1em}}
/* ---------- PROGRAMAS · acordeón de bootcamps ---------- */
.prog-acc{display:grid;gap:0;border-top:1px solid var(--navy)}
.prog-acc__item{border-bottom:1px solid var(--navy);scroll-margin-top:90px;transition:background var(--dur-3,.36s) var(--ease-out,ease)}
.prog-acc__item.is-flash{background:rgba(215,236,51,.28)}
.prog-acc__h{margin:0}
.prog-acc__head{width:100%;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr) auto;align-items:center;gap:clamp(20px,2.6vw,40px);appearance:none;background:none;border:0;padding:clamp(15px,1.65vw,23px) 0;cursor:pointer;text-align:left;transition:background var(--dur-2,.2s) var(--ease-out,ease)}
.prog-acc__head:hover{background:rgba(23,36,63,.035)}
.prog-acc__head:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.prog-acc__num{font-family:var(--font-serif);font-size:clamp(26px,2.6vw,42px);line-height:.9;color:var(--acid-deep)}
.prog-acc__titles{display:grid;gap:6px}
.prog-acc__step-label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-70);margin:0}
.prog-acc__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(17px,1.7vw,27px);line-height:1.04;letter-spacing:-.02em;color:var(--navy)}
.prog-acc__promise{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(14px,1.15vw,18px);line-height:1.24;color:var(--navy-70)}
.prog-acc__meta{display:grid;grid-template-columns:minmax(50px,.4fr) minmax(120px,1.05fr) minmax(110px,.95fr) minmax(160px,1.95fr);gap:clamp(20px,2.6vw,40px)}
.prog-acc__meta-cell{display:grid;gap:4px;padding-left:clamp(20px,2.6vw,40px);border-left:1px solid var(--navy-20)}
.prog-acc__meta-cell:first-child{padding-left:0;border-left:0}
.prog-acc__meta-label{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-70)}
.prog-acc__save{display:block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--acid-deep)}
.prog-acc__off{margin-left:6px;font-size:10.5px;font-weight:700;color:var(--acid-deep)}
.prog-acc__meta-value{font-family:var(--font-body);font-size:clamp(12px,.95vw,14px);line-height:1.3;color:var(--navy)}
.prog-acc__meta-cell:last-child .prog-acc__meta-value{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.prog-acc__ed{display:grid;gap:8px;align-content:start}
.prog-acc__ed-month{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navy);padding-bottom:5px;border-bottom:1px solid var(--navy-20)}
.prog-acc__ed-row{display:grid;gap:1px;font-size:12px;line-height:1.4}
.prog-acc__ed-label{color:var(--navy-50);font-size:10.5px}
.prog-acc__ed-val{color:var(--navy);font-weight:600}
.prog-acc__mark{padding:2px 6px;box-decoration-break:clone}
.prog-acc__meta-sub{display:block;margin-top:3px;font-size:10.5px;color:var(--navy-50);line-height:1.4}
.prog-acc__format-list{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12px;line-height:1.35;color:var(--navy)}
.prog-acc__format-list li{position:relative;padding-left:12px}
.prog-acc__format-list li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:var(--navy-50);border-radius:50%}
.prog-acc__sign{position:relative;width:22px;height:22px;flex:none}
.prog-acc__sign::before,.prog-acc__sign::after{content:"";position:absolute;inset:50% 0 auto 0;height:1.5px;background:var(--navy);transition:transform var(--dur-2,.2s) var(--ease-out,ease)}
.prog-acc__sign::after{transform:rotate(90deg)}
.prog-acc__item.is-open .prog-acc__sign::after{transform:rotate(0deg)}
.prog-acc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3,.36s) var(--ease-out,ease)}
.prog-acc__item.is-open .prog-acc__panel{grid-template-rows:1fr}
.prog-acc__inner{overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(24px,3.4vw,64px);padding-bottom:0;opacity:0;transition:opacity var(--dur-2,.2s) var(--ease-out,ease)}
.prog-acc__highlight{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:clamp(24px,3.4vw,64px);padding:clamp(28px,3vw,40px) clamp(24px,2.6vw,36px);margin:8px -1px -1px}
.prog-acc__highlight .prog-syll__label{color:var(--navy-70)}
.prog-acc__built-title{font-family:var(--font-serif);font-size:clamp(19px,1.7vw,23px);line-height:1.18;color:var(--navy);margin:0 0 10px}
.prog-acc__built-title--big{font-size:clamp(23px,2.15vw,30px);font-weight:600;margin:0 0 12px}
.prog-acc__built-title mark{background:none;color:var(--navy);padding:0;font-style:normal}
.prog-acc__item.is-open .prog-acc__inner{opacity:1;padding-bottom:clamp(28px,3.2vw,48px)}
.prog-acc__inner.prog-acc__inner--3col{grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.1fr);border-top:1px solid var(--navy-20);padding-top:clamp(14px,1.6vw,20px)}
@media (max-width:860px){.prog-acc__inner--3col{grid-template-columns:1fr}}out,ease)}
.prog-acc__sidebar{border-top:2px solid var(--navy);padding-top:clamp(16px,1.8vw,22px);display:grid;gap:14px;align-self:start}
.prog-acc__price-label{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--navy-50);margin:0}
.prog-acc__price{font-family:var(--font-serif);font-size:clamp(30px,3.2vw,44px);line-height:1;color:var(--navy);margin:6px 0 24px}
.prog-acc__note{font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy-70);margin:14px 0 0;white-space:nowrap}
.prog-acc__deadline{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--navy);margin:8px 0 0}
.prog-acc__for{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.62;color:var(--navy-70);margin:0 0 clamp(20px,2.2vw,30px);max-width:42ch;text-wrap:pretty}
.prog-acc__btn{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--cream);text-decoration:none;padding:15px 24px;margin-top:16px;transition:background var(--dur-2,.2s) var(--ease-out,ease)}
.prog-acc__btn:hover{filter:brightness(.92);opacity:1}
.prog-acc__btn span{transition:transform var(--dur-2,.2s) var(--ease-out,ease)}
.prog-acc__btn:hover span{transform:translateX(4px)}
.prog-acc__item:nth-child(1) .prog-acc__btn{background:var(--blue-light);color:var(--navy)}
.prog-acc__item:nth-child(1) .prog-acc__btn:hover{background:var(--blue-light);color:var(--navy)}
.prog-acc__item:nth-child(2) .prog-acc__btn{background:var(--blue-med);color:var(--white)}
.prog-acc__item:nth-child(2) .prog-acc__btn:hover{background:var(--blue-med);color:var(--white)}
.prog-acc__item:nth-child(4) .prog-acc__btn{background:var(--acid);color:var(--navy)}
.prog-acc__item:nth-child(4) .prog-acc__btn:hover{background:var(--acid);color:var(--navy)}
.prog-acc__item:nth-child(1) .prog-acc__highlight{background:var(--blue-light)}
.prog-acc__item:nth-child(2) .prog-acc__highlight{background:var(--blue-med)}
.prog-acc__item:nth-child(2) .prog-acc__highlight .prog-acc__for,.prog-acc__item:nth-child(2) .prog-acc__highlight .prog-syll__label{color:var(--white)}
.prog-acc__item:nth-child(2) .prog-acc__highlight .prog-syll__label-n{color:var(--navy)}
.prog-acc__item:nth-child(2) .prog-acc__highlight .prog-acc__built-title{color:var(--navy)}
.prog-acc__item:nth-child(3) .prog-acc__highlight{background:var(--navy)}
.prog-acc__item:nth-child(3) .prog-acc__highlight .prog-acc__for,.prog-acc__item:nth-child(3) .prog-acc__highlight .prog-syll__label{color:var(--cream)}
.prog-acc__item:nth-child(3) .prog-acc__highlight .prog-syll__label-n{color:var(--acid)}
.prog-acc__item:nth-child(3) .prog-acc__highlight .prog-acc__built-title{color:var(--navy)}
.prog-acc__item:nth-child(4) .prog-acc__highlight{background:var(--acid)}
.prog-acc__item:nth-child(4) .prog-acc__highlight .prog-acc__built-title mark{background:var(--navy);color:var(--acid)}
.prog-acc__item:nth-child(1) .prog-syll__mark{color:var(--blue-light)}
.prog-acc__item:nth-child(2) .prog-syll__mark{color:var(--blue-med)}
.prog-acc__item:nth-child(3) .prog-syll__mark{color:var(--navy)}
.prog-acc__item:nth-child(4) .prog-syll__mark{color:var(--acid-deep)}
.prog-acc__item:nth-child(1) .prog-syll__label-n{color:var(--blue-light)}
.prog-acc__item:nth-child(2) .prog-syll__label-n{color:var(--blue-med)}
.prog-acc__item:nth-child(3) .prog-syll__label-n{color:var(--navy)}
.prog-acc__item:nth-child(4) .prog-syll__label-n{color:var(--acid-deep)}
.prog-out{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--navy-20)}
.prog-out__item{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.5;color:var(--navy);padding:13px 0;border-bottom:1px solid var(--navy-20)}
@media (max-width:1000px){
.prog-acc__head{grid-template-columns:minmax(0,1fr) auto;row-gap:14px}
.prog-acc__titles{grid-column:1;grid-row:1}
.prog-acc__sign{grid-column:2;grid-row:1}
.prog-acc__meta{grid-column:1/3;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px}
.prog-acc__inner{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
.prog-acc__panel,.prog-acc__inner,.prog-acc__item{transition:none}
}
/* ---------- PROGRAMAS · quién te acompaña ---------- */
#quien{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.who-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,88px);align-items:center}
@media (max-width:880px){.who-grid{grid-template-columns:1fr;gap:28px}}
.who__photo{position:relative;padding:clamp(12px,1.4vw,22px);max-width:380px;width:100%}
.who__body{font-family:var(--font-body);font-size:clamp(14px,1.08vw,17px);line-height:1.66;color:rgba(236,233,223,.8);margin:0 0 1.1em;max-width:56ch;text-wrap:pretty}
.who__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin:clamp(20px,2.2vw,30px) 0 clamp(24px,2.6vw,34px);padding-top:clamp(18px,2vw,26px);border-top:1px solid rgba(236,233,223,.28);max-width:560px}
#quien .prog-meta__label{color:var(--t-accent)}
.who__meta-value{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.45;color:var(--cream);margin:0}
#quien .btn{font-size:11px;letter-spacing:.14em;gap:10px;padding:11px 18px}
/* ---------- FAQ ---------- */
.section--navy .faq-list{border-top-color:rgba(236,233,223,.35)}
.section--navy .faq-item{border-bottom-color:rgba(236,233,223,.22)}
.section--navy .faq-item summary{color:var(--cream)}
.section--navy .faq-item p{color:rgba(236,233,223,.78)}
.faq-item summary:focus-visible{outline:2px solid var(--t-accent);outline-offset:3px}
.ins-err{display:block;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--navy);margin-top:6px;text-transform:none;letter-spacing:0}
.ins-form__note{grid-column:1/-1;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy);opacity:.78;margin:0}
#faq{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
#faq .mf__kicker{color:var(--navy-70);margin:0 0 12px}
.faq-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.05em;color:var(--acid-deep);text-decoration:none;margin:0 0 clamp(20px,2.2vw,28px)}
.faq-cta:hover{text-decoration:underline}
.faq-more{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);text-decoration:none}
.faq-more:hover{opacity:.6}
.faq-list{display:grid;gap:0;border-top:1px solid var(--navy-20);max-width:920px}
.faq-item{border-bottom:1px solid var(--navy-20)}
.faq-item summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none;padding:clamp(18px,2vw,26px) 0;font-family:var(--font-display);font-weight:800;font-size:clamp(15px,1.3vw,21px);line-height:1.2;letter-spacing:-.012em;color:var(--navy)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--font-body);font-weight:400;font-size:30px;line-height:1;color:currentColor;flex:none;margin-left:auto;align-self:center}
.faq-item__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--navy);font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--navy);flex:none}
.section--navy .faq-item__num{border-color:rgba(236,233,223,.5);color:var(--cream)}
.faq-item[open] summary::after{content:"–"}
.faq-item summary{transition:background-color .2s ease-out,box-shadow .2s ease-out,color .2s ease-out}
.faq-item summary:hover{background:var(--acid);box-shadow:-14px 0 0 var(--acid),14px 0 0 var(--acid);color:var(--navy)}
.section--navy .faq-item summary:hover{background:none;box-shadow:none;color:var(--acid)}
.section--navy .faq-item summary:hover .faq-item__num{border-color:var(--acid);color:var(--acid)}
.faq-item p{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.64;color:var(--navy-70);margin:0 0 clamp(20px,2.2vw,28px);max-width:62ch;text-wrap:pretty}
/* ---------- RESOURCES · workbook band ---------- */
.res-tag{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--acid-deep);margin:0 0 12px}
.res-grid--6{grid-template-columns:repeat(3,1fr)}
.res-card__link[href]{text-decoration:none}
/* ---------- RESOURCES · newsletter (acid) ---------- */
#newsletter{padding-top:clamp(40px,4.4vw,66px);padding-bottom:clamp(40px,4.4vw,66px)}
.nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,80px);align-items:center}
.nl__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-70);margin:0 0 10px}
.nl__title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3vw,46px);line-height:1.02;letter-spacing:-.024em;color:var(--navy);margin:0 0 14px;max-width:18ch;text-wrap:balance}
.nl__disclaimer{font-family:var(--font-body);font-size:12.5px;color:var(--navy-70);margin:12px 0 0}
.nl__lede{font-family:var(--font-body);font-size:clamp(14px,1.1vw,18px);line-height:1.55;color:var(--navy);opacity:.82;margin:0;max-width:44ch}
.nl-grid.nl-grid--v2{grid-template-columns:1fr .8fr;align-items:start}
.comm-form-v2{display:flex;flex-direction:column;gap:28px}
.comm-form-v2__fields{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.comm-form-v2__fields .comm-form__field{width:100%}
.comm-form-v2__follow{border-top:1px solid var(--navy);padding-top:20px;width:fit-content}
/* ---------- ABOUT · metodología en cream ---------- */
.meth-grid--cream{border-left:1px solid var(--navy-20)}
.meth-grid--cream .meth-card{border-right:1px solid var(--navy-20);border-top:1px solid var(--navy-20);border-bottom:1px solid var(--navy-20)}
.meth-grid--cream .meth-card__num{color:var(--acid-deep)}
.meth-grid--cream .meth-card__title{color:var(--navy)}
.meth-grid--cream .meth-card__body{color:var(--navy-70)}
.meth-acc{border-top:1px solid var(--navy)}
.meth-acc__item{border-bottom:1px solid var(--navy)}
.meth-acc__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2vw,32px);padding:clamp(18px,2vw,28px) 0;cursor:pointer;list-style:none;transition:opacity var(--dur-2,.2s) var(--ease-out,ease)}
.meth-acc__head::-webkit-details-marker{display:none}
.meth-acc__head:hover{opacity:.62}
.meth-acc__num{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--navy)}
.meth-acc__title{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:clamp(21px,2.4vw,38px);line-height:1.04;letter-spacing:-.015em;color:var(--navy);margin:0;text-wrap:pretty}
.meth-acc__sign{position:relative;width:clamp(16px,1.4vw,22px);height:clamp(16px,1.4vw,22px);flex:none}
.meth-acc__sign::before,.meth-acc__sign::after{content:"";position:absolute;inset:50% 0 auto 0;height:1.5px;background:var(--navy);transition:transform var(--dur-2,.2s) var(--ease-out,ease)}
.meth-acc__sign::after{transform:rotate(90deg)}
.meth-acc__item[open] .meth-acc__sign::after{transform:rotate(0deg)}
.meth-acc__body{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.62;color:var(--navy-70);margin:0 0 clamp(20px,2.2vw,30px);padding-left:calc(clamp(14px,2vw,32px) + 22px);max-width:64ch;text-wrap:pretty}
.meth-acc__item[open] .meth-acc__title{color:var(--navy)}
/* ---------- ABOUT · así trabajamos (steps) ---------- */
.wm__em{font-family:var(--font-display);font-weight:800;font-style:normal}
.wm-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.4vw,56px);margin-top:clamp(32px,3.6vw,56px)}
@media (max-width:760px){.wm-steps{grid-template-columns:1fr}}
.wm-step{border-top:1px solid var(--navy);padding-top:clamp(16px,1.6vw,22px)}
.wm-step__head{display:block;width:100%;appearance:none;background:none;border:0;margin:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:default}
.wm-step__chev{display:none}
.wm-step__panel{display:contents}
.wm-step__num{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.24em;color:var(--navy-50);margin-bottom:clamp(10px,1.2vw,16px)}
.wm-step__title{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,2vw,28px);line-height:1.06;letter-spacing:-.015em;color:var(--navy);margin:0 0 clamp(10px,1vw,14px);text-wrap:pretty}
.wm-step__body{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.62;color:var(--navy-70);margin:0;max-width:46ch;text-wrap:pretty}
#metodologia .wm-step{border-top-color:var(--navy-20)}
#metodologia .wm-step__num{color:var(--navy-50)}
#metodologia .wm-step__title{color:var(--navy)}
#metodologia .wm-step__body{color:var(--navy-70)}
.wm-close{position:relative;margin-top:clamp(44px,4.6vw,72px);background:var(--acid);padding:clamp(26px,3vw,44px) clamp(24px,3vw,48px);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:clamp(20px,2.4vw,40px)}
.wm-close--v2{flex-direction:column;align-items:flex-start;gap:clamp(12px,1.6vw,18px);text-align:left}
.wm-close--v2 .wm-close__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-70);margin:0}
.wm-close--v2 .wm-close__title{max-width:36ch;margin:0}
.wm-close--v2 .wm-close__cta{margin-top:6px}
.wm-close>div:last-child{width:auto}
.wm-close__cta{flex:none}
.wm-close__title{position:relative;z-index:2;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(22px,2.3vw,38px);line-height:1.02;color:var(--navy);margin:0;text-wrap:balance}
.wm-close__em{display:inline-block;font-family:var(--font-display);font-weight:800;text-transform:none;letter-spacing:-.02em;font-size:1.12em;line-height:1}
.wm-close__body{position:relative;z-index:2;font-family:var(--font-body);font-size:clamp(13px,.95vw,15px);line-height:1.6;color:var(--navy-70);margin:0;text-align:right;max-width:44ch}
/* ---------- ABOUT · esto es para ti si ---------- */
#para-ti{padding-top:clamp(60px,7vw,110px);padding-bottom:clamp(60px,7vw,110px);border-top:0}
#para-ti .fit__headline{color:var(--cream)}
#para-ti .fit__headline .mark-highlight{color:var(--navy)}
#para-ti .fit-list{border-top-color:rgba(236,233,223,.4)}
#para-ti .fit-list__item{border-bottom-color:rgba(236,233,223,.2);color:var(--cream)}
#para-ti .fit-list__mark{color:var(--acid)}
#para-ti .fit__note{color:var(--cream)}
#manifiesto{padding-top:clamp(76px,9vw,150px);padding-bottom:clamp(76px,9vw,150px)}
.fit-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,80px);align-items:start}
@media (max-width:860px){.fit-grid{grid-template-columns:1fr}}
.fit__headline{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,1.9vw,30px);line-height:1.14;letter-spacing:-.015em;color:var(--navy);margin:0;text-wrap:pretty;max-width:30ch}
.fit-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.fit-list__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(12px,1.4vw,20px);padding:clamp(14px,1.5vw,20px) 0;border-bottom:1px solid rgba(23,36,63,.22);font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.55;color:var(--navy);text-wrap:pretty}
.fit-list__mark{font-family:var(--font-body);color:var(--navy-50);line-height:1.55}
.fit__note{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(17px,1.5vw,24px);line-height:1.34;color:var(--navy);margin:clamp(22px,2.4vw,34px) 0 0;max-width:46ch}
.fit-close{position:relative;margin:clamp(48px,5.4vw,88px) 0 0;padding:clamp(28px,3vw,44px) clamp(24px,3vw,44px);border-top:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.fit-close__logo{width:64px;height:64px;flex:none;object-fit:contain}
.fit-close .bracket-corner{z-index:6}
@media (max-width:860px){.fit-close{grid-template-columns:1fr;align-items:start;flex-direction:column;gap:16px}}
.fit-close__title{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(24px,3vw,50px);line-height:1;letter-spacing:-.024em;color:var(--cream);margin:0;text-wrap:balance}
.fit-close__em{display:block;font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em;color:var(--acid);font-size:1.06em}
.fit-close__side{display:grid;gap:clamp(16px,1.8vw,24px);justify-items:start}
.fit-close__sub{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.6;color:rgba(236,233,223,.78);margin:0;max-width:40ch}
/* ---------- ABOUT · BTS ---------- */
#estudio{padding-top:clamp(40px,4.4vw,66px);padding-bottom:clamp(40px,4.4vw,66px)}
.bts-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,40px)}
.bts-slot{border:1px solid var(--navy-20)}
/* ---------- ABOUT · testimonios ---------- */
#testimonios{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,40px)}
.tst-card{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.4vw,32px);margin:0;padding:clamp(24px,2.6vw,38px);border:1px solid var(--navy-20);background:var(--white);transition:background var(--dur-2,240ms) var(--ease-out,ease)}
.tst-card:hover{background:var(--tst-accent,var(--cream))}
.tst-card__mark{display:block;font-family:var(--font-serif);font-size:clamp(40px,4vw,56px);line-height:1;color:var(--navy-30);margin-bottom:clamp(-8px,-.6vw,-4px);transition:color var(--dur-2,240ms) var(--ease-out,ease)}
.tst-card:hover .tst-card__mark{color:var(--navy)}
.tst-card__tag{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-50);margin-top:4px}
.tst-card__quote{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(17px,1.5vw,23px);line-height:1.32;color:var(--navy);margin:0}
.tst-card__meta{display:flex;flex-direction:column;gap:4px}
.tst-card__name{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
.tst-card__brand{font-family:var(--font-body);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-50)}
/* ---------- RESOURCES · descargables ---------- */
#descargables{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
#descargables .sec__lede .mark-underline{color:var(--navy)}
#metodo .how2__title .mark-underline > svg{bottom:-3px}
#metodo{color:var(--navy)}
#metodo .mf__kicker{color:var(--navy-50)}
#metodo .how2__title{color:var(--navy)}
#metodo .how2__lede{color:var(--navy-70);border-top-color:var(--navy-20)}
#metodo .how2__lede em{color:var(--navy)}
#metodo .metodo__steps{border-top-color:var(--navy-20)}
#metodo .metodo__step{border-right-color:var(--navy-20)}
#metodo .metodo__num{color:var(--navy-70)}
.metodo3__head{max-width:640px;margin:0 0 clamp(32px,3.6vw,44px)}
.metodo3__title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.02em;color:var(--navy);margin:10px 0 14px;text-wrap:pretty}
.metodo3__lede{font-family:var(--font-body);font-size:clamp(14px,1.05vw,17px);line-height:1.6;color:var(--navy-70);margin:0;max-width:52ch}
.metodo3__block1{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--navy-30)}
.metodo3__card{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.4vw,32px);background:var(--cream-dark);border-left:1px solid var(--navy-30)}
.metodo3__card:first-child{border-left:0}
.metodo3__num{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2vw,28px);line-height:1;color:var(--navy)}
.metodo3__card-title{font-family:var(--font-body);font-weight:700;font-size:12px;line-height:1.3;color:var(--navy);margin:4px 0 0;text-transform:uppercase;letter-spacing:.06em}
.metodo3__card-body{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--navy-70);margin:0;max-width:34ch}
.metodo3__navy{background:var(--navy);padding:clamp(24px,2.8vw,36px) clamp(24px,2.8vw,36px)}
.metodo3__navy-kicker{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin:0 0 clamp(18px,2vw,26px)}
.metodo3__block2{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,32px)}
.metodo3__item{display:flex;flex-direction:column;gap:6px}
.metodo3__item-title{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--cream);margin:0}
.metodo3__item-body{font-family:var(--font-body);font-size:13px;line-height:1.5;color:rgba(236,233,223,.7);margin:0}
.metodo3__quote{text-align:center;margin:clamp(48px,5.2vw,72px) auto 0;max-width:56ch}
.metodo3__quote--framed{position:relative;max-width:64ch;padding:clamp(32px,4vw,52px) clamp(28px,4vw,56px)}
.metodo3__quote-text{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(19px,1.8vw,26px);line-height:1.4;color:var(--navy);margin:10px 0 0;text-wrap:pretty}
@media (max-width:860px){.metodo3__block1{grid-template-columns:1fr}.metodo3__card{border-left:0;border-top:1px solid var(--navy-30)}.metodo3__card:first-child{border-top:0}.metodo3__block2{grid-template-columns:repeat(2,1fr);gap:24px}}
@media (max-width:560px){.metodo3__block2{grid-template-columns:1fr}}
#metodo .metodo__title{color:var(--navy)}
#metodo .metodo__body{color:var(--navy-70)}
#metodo .metodo__result{background:var(--cream-dark);color:var(--navy)}
#metodo .metodo__result-stmt{color:var(--navy)}
#blog{padding-top:clamp(32px,3.2vw,52px);padding-bottom:clamp(32px,3.2vw,52px)}
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-left:1px solid var(--navy-20)}
.dl-card{display:flex;flex-direction:column;padding:0;border-right:1px solid var(--navy-20);border-top:1px solid var(--navy-20);border-bottom:1px solid var(--navy-20);transition:background var(--dur-2) var(--ease-out)}
.dl-card:hover{background:var(--white)}
.dl-card__media{aspect-ratio:4/3;overflow:hidden}
.dl-card__num{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--acid-deep);margin:clamp(20px,2.2vw,30px) clamp(24px,2.6vw,38px) clamp(14px,1.6vw,20px)}
.dl-card__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(16px,1.35vw,22px);line-height:1.1;letter-spacing:-.012em;color:var(--navy);margin:0 clamp(24px,2.6vw,38px) 14px}
.dl-card__body{font-family:var(--font-body);font-size:clamp(13px,.98vw,15px);line-height:1.6;color:var(--navy-70);margin:0 clamp(24px,2.6vw,38px) clamp(22px,2.4vw,32px);flex:1}
.dl-card__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - clamp(48px,5.2vw,76px));margin:0 clamp(24px,2.6vw,38px) clamp(24px,2.6vw,38px);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--navy);border:1px solid var(--navy);padding:14px 16px;cursor:pointer;transition:background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}
.dl-card__btn:hover{background:var(--navy);color:var(--cream)}
.dl-card__btn span{transition:transform var(--dur-2) var(--ease-out)}
.dl-card__btn:hover span{transform:translateX(4px)}
/* ---------- PROGRAMAS · inscripción (acid) ---------- */
#inscripcion{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.ins-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,4.5vw,88px);align-items:start}
.ins__lede{font-family:var(--font-body);font-size:clamp(15px,1.15vw,19px);line-height:1.58;color:var(--navy);opacity:.82;margin:0;max-width:44ch;text-wrap:pretty}
.ins-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}
.ins-field{display:flex;flex-direction:column;gap:8px}
.ins-field--wide{grid-column:1/-1}
.ins-field span{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);opacity:.6}
.ins-field input,.ins-field select,.ins-field textarea{font-family:var(--font-body);font-size:16px;color:var(--navy);background:transparent;border:none;border-bottom:1px solid var(--navy);border-radius:0;padding:12px 2px}
.ins-field textarea{border:1px solid var(--navy);padding:12px;resize:vertical}
.ins-field input::placeholder,.ins-field textarea::placeholder{color:var(--navy);opacity:.4}
.ins-field input:focus,.ins-field select:focus,.ins-field textarea:focus{outline:none;border-bottom-width:2px}
.ins-field textarea:focus{outline:2px solid var(--navy);outline-offset:0}
.ins-form__submit{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:1px solid var(--navy);padding:20px 30px;cursor:pointer;justify-self:start;transition:background var(--dur-2) var(--ease-out)}
.ins-form__submit:hover{background:var(--navy-90)}
.ins-form__submit span{transition:transform var(--dur-2) var(--ease-out)}
.ins-form__submit:hover span{transform:translateX(5px)}
.ins-form--done{display:block}
.ins-form__done-title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.2vw,34px);line-height:1.1;color:var(--navy);margin:0 0 10px}
.ins-form__done-body{font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--navy);opacity:.75;margin:0}
.nl__disclaimer a{text-decoration:underline}
/* ---------- PRIVACIDAD · aviso legal ---------- */
.priv__hero{padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(36px,4vw,56px)}
.priv__title{font-family:var(--font-display);font-weight:800;font-size:clamp(28px,3.6vw,50px);line-height:1.05;letter-spacing:-.02em;color:var(--cream);margin:6px 0 0;max-width:26ch;text-wrap:pretty}
.priv__meta{font-family:var(--font-body);font-size:13px;color:rgba(236,233,223,.6);margin:14px 0 0}
.priv__container{max-width:760px;padding-top:clamp(40px,4.6vw,64px);padding-bottom:clamp(56px,6vw,90px)}
.priv__h2{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,1.6vw,23px);letter-spacing:-.01em;color:var(--navy);margin:clamp(36px,3.6vw,48px) 0 14px;text-transform:none}
.priv__h2:first-child{margin-top:0}
.priv__h3{font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--navy);margin:20px 0 6px}
.priv__p{font-family:var(--font-body);font-size:15px;line-height:1.65;color:var(--navy-70);margin:0 0 14px;text-wrap:pretty}
.priv__ol{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--navy-70);margin:0 0 14px;padding-left:1.4em}
.priv__ol li{margin-bottom:8px;text-wrap:pretty}
/* ---------- FOOTER · columna de páginas ---------- */
.footer__top{grid-template-columns:1.3fr .7fr 1fr 1fr}
.footer__pages{display:flex;flex-direction:column;gap:10px}
.footer__page-link,.footer__page-link:hover,.footer__page-link:visited{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);color:rgba(236,233,223,.85);text-decoration:none;border-bottom:none;background-image:none;transition:opacity var(--dur-2) var(--ease-out)}
.footer__page-link:hover{opacity:.6}
@media (max-width:880px){.footer__top{grid-template-columns:1fr}}
/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
.meth-grid{grid-template-columns:1fr}
.prog-block{grid-template-columns:1fr}
.nl-grid.nl-grid--v2{grid-template-columns:1fr}
.nl-grid{grid-template-columns:1fr}
.res-grid--6{grid-template-columns:repeat(2,1fr)}
.tst-grid,.dl-grid{grid-template-columns:1fr}
.dir-cycle{grid-template-columns:1fr}
.dir-cycle__item{border-left:0;border-top:1px solid rgba(236,233,223,.2)}
.dir-cycle__item:first-child{border-top:0}
.ins-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
.res-grid--6{grid-template-columns:1fr}
.mf-item{grid-template-columns:1fr}
.prog-meta{grid-template-columns:1fr 1fr}
.bts-grid{grid-template-columns:1fr}
.ins-form{grid-template-columns:1fr}
}
.faq-ul{list-style:none;display:grid;gap:8px;margin:0 0 1.1em;padding:0;max-width:72ch}
.faq-ul li{font-family:var(--font-body);font-size:clamp(14px,1.02vw,16px);line-height:1.6;color:var(--navy);padding-left:18px;position:relative;text-wrap:pretty}
.faq-ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--navy);opacity:.55}
.faq-ul strong{font-weight:700}
/* ---------- PROGRAMAS · cierre con foto ---------- */
.cta-band{position:relative;isolation:isolate;background:var(--navy);min-height:400px;display:grid;align-items:center}
.cta-band__photo{position:absolute;inset:0;z-index:0}
.cta-band__photo image-slot{display:block;width:100%;height:100%}
.cta-band__photo::after{content:"";position:absolute;inset:0;background:rgba(23,36,63,.62);pointer-events:none;opacity:0;transition:opacity .2s}
.cta-band__photo:has(image-slot[data-filled])::after,.cta-band__photo:has(img)::after{opacity:1}
.cta-band__photo:has(img)::after{background:linear-gradient(100deg,rgba(23,36,63,.86) 0%,rgba(23,36,63,.72) 48%,rgba(23,36,63,.5) 100%)}
.cta-band:has(image-slot:not([data-filled])) .cta-band__inner{opacity:.3;pointer-events:none}
.cta-band:has(image-slot:not([data-filled])) .cta-band__cta{pointer-events:auto}
.cta-band__inner{position:relative;z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(20px,4vw,64px)}
.cta-band__title{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,76px);line-height:1.08;letter-spacing:-.025em;text-transform:uppercase;color:var(--cream);margin:0 0 clamp(16px,1.8vw,24px)}
.cta-band__body{font-family:var(--font-body);font-size:clamp(15px,1.2vw,20px);line-height:1.5;color:var(--cream);opacity:.85;margin:0 0 clamp(26px,3vw,40px);max-width:38ch}
.cta-band__cta{align-self:start}
@media (max-width:600px){.cta-band__cta{width:100%;justify-content:center}}
.res__lede{font-family:var(--font-body);font-size:clamp(14px,1.1vw,18px);line-height:1.6;color:var(--navy);opacity:.78;margin:10px 0 clamp(24px,2.8vw,40px);max-width:60ch;text-wrap:pretty}
.res__sub{margin-top:clamp(20px,2.2vw,32px)}
@media (max-width:600px){.res__sub{width:100%;justify-content:center}}
.dl__flag{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--font-body);font-size:clamp(12px,1vw,15px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin:0 0 clamp(28px,3.4vw,48px)}
.dl__flag mark{background:var(--t-accent);color:var(--navy);padding:8px 14px}
.dl__note{font-family:var(--font-mark);font-size:clamp(22px,2.2vw,32px);font-weight:600;line-height:1.15;color:var(--navy);margin:0 0 clamp(28px,3.4vw,48px)}
.dl__note mark{background:var(--t-accent);color:var(--navy);padding:0 .18em;box-decoration-break:clone}
#recursos .res__lede{margin:10px 0 clamp(24px,2.8vw,40px)}
/* ---------- PROGRAMAS · así funcionan ---------- */
#como-funcionan{padding-top:clamp(44px,4.8vw,74px);padding-bottom:clamp(44px,4.8vw,74px)}
.how2__lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,80px);align-items:end;max-width:1180px;margin:0 0 clamp(26px,3vw,44px)}
#como-funcionan .mf__kicker{margin-bottom:clamp(12px,1.4vw,18px)}
@media (max-width:860px){.how2__lead{grid-template-columns:1fr;align-items:start;gap:16px}}
.how2__title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3.6vw,54px);line-height:1.04;letter-spacing:-.022em;text-transform:uppercase;color:var(--cream);margin:0}
.how2__lede{font-family:var(--font-body);font-size:clamp(14px,1.12vw,18px);line-height:1.62;color:rgba(236,233,223,.82);margin:0;max-width:44ch;padding-top:clamp(14px,1.6vw,20px);border-top:1px solid rgba(236,233,223,.3);text-wrap:pretty}
.how2__lede em{font-family:var(--font-serif-italic);font-style:italic;font-size:1.12em;color:var(--cream)}
.how2-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(236,233,223,.22);border:1px solid rgba(236,233,223,.22);margin:0;padding:0;max-width:1180px}
.how2-item{background:var(--navy);display:grid;gap:10px;align-content:start;padding:clamp(22px,2.4vw,34px)}
.how2-item__num{font-family:var(--font-serif);font-size:clamp(22px,2vw,30px);line-height:1;color:var(--t-accent)}
.how2-item__title{font-family:var(--font-display);font-size:clamp(15px,1.25vw,20px);font-weight:700;line-height:1.18;color:var(--cream);margin:0}
.how2-item__body{font-family:var(--font-body);font-size:clamp(13px,1.02vw,15px);line-height:1.58;color:rgba(236,233,223,.78);margin:0;text-wrap:pretty}
@media (max-width:900px){.how2-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.how2-list{grid-template-columns:1fr}}
.how2-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:clamp(20px,2.4vw,32px) 0 0;padding:0}
.how2-facts li{font-family:var(--font-display);font-size:clamp(11px,.86vw,13px);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--t-accent)}
.metodo__head{max-width:640px;margin:0 0 clamp(36px,4vw,56px)}
.metodo__head .how2__title{margin:0 0 clamp(14px,1.6vw,20px)}
.metodo__head .how2__lede{border-top:none;padding-top:0;max-width:none}
.metodo__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(236,233,223,.22)}
.metodo__step{padding:clamp(26px,2.8vw,36px) clamp(20px,2.2vw,28px) clamp(10px,1.5vw,16px) 0;border-right:1px solid rgba(236,233,223,.22);margin-right:clamp(20px,2.2vw,28px)}
.metodo__step:last-child{border-right:none;margin-right:0}
.metodo__num{display:block;font-family:var(--font-serif);font-size:clamp(26px,2.4vw,36px);line-height:1;color:var(--t-accent);margin-bottom:clamp(14px,1.6vw,20px)}
.metodo__title{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,1.3vw,19px);line-height:1.22;color:var(--cream);margin:0 0 10px}
.metodo__body{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.58;color:rgba(236,233,223,.78);margin:0;text-wrap:pretty}
@media (max-width:900px){.metodo__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.metodo__step:nth-child(2n){border-right:none;margin-right:0}}
@media (max-width:560px){.metodo__steps{grid-template-columns:1fr}.metodo__step{border-right:none;margin-right:0;border-bottom:1px solid rgba(236,233,223,.22)}.metodo__step:last-child{border-bottom:none}}
.metodo__result{margin-top:clamp(40px,4.5vw,64px);padding:clamp(28px,3vw,40px) clamp(24px,3vw,36px);max-width:800px}
.metodo__result .mf__kicker{margin-bottom:clamp(12px,1.4vw,16px)}
.metodo__result-stmt{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,2.4vw,34px);line-height:1.18;letter-spacing:-.02em;color:var(--cream);margin:0;text-wrap:pretty}
.how2-val{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(26px,4vw,80px);align-items:start;margin:clamp(34px,4vw,60px) 0 0;padding-top:clamp(26px,3vw,40px);border-top:1px solid rgba(236,233,223,.22)}
.how2-val__stmt{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.6vw,40px);line-height:1.12;letter-spacing:-.02em;color:var(--cream);margin:0;max-width:24ch;text-wrap:pretty}
.how2-val__stmt em{font-style:normal;color:var(--t-accent)}
.how2-val__label--top{margin-bottom:clamp(14px,1.6vw,18px)}
.how2-val__meta{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);font-weight:600;line-height:1.5;color:var(--t-accent);margin:clamp(14px,1.6vw,18px) 0 0;text-wrap:pretty}
.how2-val__meta span{opacity:.55;margin:0 .25em}
.how2-val__sub{font-family:var(--font-body);font-size:clamp(14px,1.05vw,16px);line-height:1.6;color:rgba(236,233,223,.78);margin:clamp(12px,1.4vw,16px) 0 0;max-width:46ch;text-wrap:pretty}
.how2-val__label{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t-accent);margin:0 0 clamp(12px,1.4vw,16px)}
.how2-val__list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(9px,1vw,12px)}
.how2-val__list li{font-family:var(--font-body);font-size:clamp(14px,1.05vw,16px);line-height:1.4;color:var(--cream);position:relative;padding-left:20px}
.how2-val__list li::before{content:"+";position:absolute;left:0;top:0;font-family:var(--font-body);font-size:1em;font-weight:600;line-height:1.4;color:var(--t-accent)}
@media (max-width:820px){.how2-val{grid-template-columns:1fr;gap:clamp(24px,3vw,34px)}}
/* ---------- TEST · Encuentra tu ruta ---------- */
.tq-main{background:var(--cream)}
.tq-eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);opacity:.6;margin:0 0 clamp(18px,2vw,26px)}
.tq-eyebrow--acid{color:rgba(236,233,223,.65)}
.tq-intro{padding:clamp(64px,9vw,140px) clamp(20px,3.2vw,46px) clamp(56px,7vw,110px)}
.tq-intro__inner{max-width:820px}
.tq-intro__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(32px,4.4vw,64px);line-height:1;letter-spacing:-.03em;color:var(--navy);margin:0 0 clamp(20px,2.4vw,30px)}
.tq-intro__lede{font-family:var(--font-body);font-size:clamp(15px,1.25vw,19px);line-height:1.6;color:var(--navy);opacity:.85;max-width:52ch;margin:0 0 clamp(22px,2.4vw,30px);text-wrap:pretty}
.tq-intro__meta{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);opacity:.55;margin:0 0 clamp(28px,3vw,40px);padding-top:16px;border-top:1px solid var(--navy-20)}
.tq-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--navy);color:var(--cream);border:0;padding:18px 32px;cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.tq-btn:hover{background:var(--t-accent);color:var(--navy)}
.tq-step{padding:clamp(48px,6vw,96px) clamp(20px,3.2vw,46px) clamp(56px,7vw,110px)}
.tq-step__inner{max-width:880px}
.tq-progress{display:grid;gap:12px;margin:0 0 clamp(28px,3.4vw,46px)}
.tq-progress__label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy);opacity:.6}
.tq-progress__track{height:2px;background:var(--navy-20)}
.tq-progress__fill{height:2px;background:var(--t-accent);transition:width 320ms var(--ease-out)}
.tq-step__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(24px,3.2vw,44px);line-height:1.04;letter-spacing:-.025em;color:var(--navy);margin:0 0 14px;text-wrap:pretty}
.tq-step__sub{font-family:var(--font-body);font-size:clamp(14px,1.05vw,16px);line-height:1.6;color:var(--navy);opacity:.75;margin:0 0 clamp(22px,2.4vw,32px)}
.tq-options{list-style:none;margin:clamp(20px,2.4vw,32px) 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--navy-20)}
.tq-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,1.6vw,24px);width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--navy-20);padding:clamp(18px,2vw,26px) clamp(8px,1vw,14px);cursor:pointer;transition:background var(--dur-2) var(--ease-out)}
.tq-option:hover{background:var(--white)}
.tq-option.is-on{background:var(--t-accent)}
.tq-option__key{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--navy);opacity:.5}
.tq-option__txt{font-family:var(--font-body);font-size:clamp(14px,1.1vw,17px);line-height:1.45;color:var(--navy)}
.tq-option__arrow{font-family:var(--font-body);font-size:13px;color:var(--navy);opacity:0;transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.tq-option:hover .tq-option__arrow,.tq-option.is-on .tq-option__arrow{opacity:1;transform:translateX(4px)}
.tq-back{margin-top:clamp(22px,2.4vw,32px);background:none;border:0;padding:0;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);opacity:.6;cursor:pointer}
.tq-back:hover{opacity:1}
.tq-second__link{display:inline-block;margin-top:10px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.75;text-decoration:none}
.tq-second__link:hover{opacity:1}
.tq-modal{position:fixed;inset:0;background:rgba(23,36,63,.62);display:grid;place-items:center;padding:20px;z-index:80}
.tq-modal__card{background:var(--cream);max-width:460px;width:100%;padding:clamp(28px,3.4vw,44px);max-height:92vh;overflow-y:auto}
.tq-modal__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2.2vw,28px);line-height:1.08;letter-spacing:-.02em;color:var(--navy);margin:0 0 12px}
.tq-modal__lede{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--navy);opacity:.8;margin:0 0 24px}
.tq-lead-scene{width:100%;line-height:0}
.tq-lead-scene img{width:100%;height:clamp(160px,26vw,340px);object-fit:cover;display:block}
.tq-result{background:var(--navy);color:var(--cream);padding:clamp(56px,7vw,110px) clamp(20px,3.2vw,46px)}
.tq-result__title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4vw,58px);line-height:1;letter-spacing:-.03em;color:var(--acid);margin:0 0 clamp(20px,2.4vw,30px);max-width:24ch}
.tq-result__title em{font-style:normal;color:var(--t-accent)}
.tq-result__title-n{display:block;font-size:25px;opacity:.7;margin-bottom:-.05em}
.tq-result__intro{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(16px,1.5vw,24px);line-height:1.35;color:var(--cream);margin:0 0 18px;max-width:44ch}
.tq-result__body{font-family:var(--font-body);font-size:clamp(14px,1.05vw,16px);line-height:1.65;color:rgba(236,233,223,.82);margin:0 0 clamp(16px,1.8vw,22px);max-width:60ch;text-wrap:pretty}
.tq-result__meta{font-family:var(--font-body);font-size:13px;color:rgba(236,233,223,.6);margin:0 0 clamp(20px,2.4vw,28px)}
.tq-result__price{display:flex;align-items:baseline;gap:12px;border-top:1px solid rgba(236,233,223,.2);padding-top:clamp(18px,2vw,24px);margin-bottom:clamp(24px,3vw,32px)}
.tq-result__amount{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2vw,28px);color:var(--cream)}
.tq-result__msi{font-family:var(--font-body);font-size:13px;color:rgba(236,233,223,.6)}
.tq-rec{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4vw,72px);border-top:1px solid rgba(236,233,223,.2);padding-top:clamp(24px,2.8vw,38px)}
.tq-rec__label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--t-accent);margin:0 0 12px}
.tq-rec__name{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2vw,30px);line-height:1.06;letter-spacing:-.02em;color:var(--cream);margin:0}
.tq-rec__worklabel{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,233,223,.6);margin:0 0 14px}
.tq-rec__list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tq-rec__list li{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.5;color:var(--cream);padding:11px 0;border-top:1px solid rgba(236,233,223,.2)}
.tq-rec__list li:last-child{border-bottom:1px solid rgba(236,233,223,.2)}
.tq-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--t-accent);color:var(--navy);padding:clamp(18px,1.8vw,24px) clamp(20px,2.4vw,36px);text-decoration:none;margin-bottom:20px;margin-top:clamp(28px,3.2vw,44px);transition:background var(--dur-2) var(--ease-out)}
.tq-cta:hover{background:var(--acid-deep);color:var(--navy)}
.tq-cta__txt{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.01em}
.tq-cta__arrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.tq-second{margin-top:clamp(26px,3vw,40px);padding-top:clamp(18px,2vw,26px);border-top:1px solid rgba(236,233,223,.2);max-width:62ch}
.tq-second__label{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,233,223,.6);margin:0 0 8px}
.tq-second__name{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,1.4vw,21px);letter-spacing:-.01em;color:var(--t-accent);margin:0 0 10px}
.tq-second__why{font-family:var(--font-body);font-size:clamp(13px,1vw,15px);line-height:1.6;color:rgba(236,233,223,.82);margin:0}
.tq-back--result{color:rgba(236,233,223,.65);opacity:1;margin-top:clamp(26px,3vw,40px)}
.tq-lead{padding:clamp(48px,6vw,96px) clamp(20px,3.2vw,46px)}
.tq-lead .ins-field span i{font-style:normal;opacity:.6;text-transform:none;letter-spacing:0}
@media (max-width:860px){.tq-rec{grid-template-columns:1fr}.tq-cta{flex-direction:column;align-items:flex-start;gap:14px}}
.tq-cta__name{font-family:var(--font-serif-italic);font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:0}
.tq-intro__lede .mark-underline{color:inherit;white-space:nowrap}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__scrim{background:linear-gradient(rgba(23,36,63,.68),rgba(23,36,63,.82))}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__lede{color:var(--cream)}
.pg-hero[data-screen-label="About · Hero"] .pg-hero__scrim{background:linear-gradient(rgba(23,36,63,.7),rgba(23,36,63,.84))}
.pg-hero[data-screen-label="About · Hero"] .pg-hero__lede{color:var(--cream)}
/* ---------- ABOUT · carta de la fundadora ---------- */
.ltr__head{max-width:none;margin:0 0 clamp(30px,3.6vw,54px)}
.ltr__eyebrow{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);opacity:.55;margin:0 0 16px}
.ltr__headline{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,4.6vw,68px);line-height:.98;letter-spacing:-.03em;color:var(--navy);margin:0;max-width:20ch;text-wrap:balance}
.ltr__grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;border-top:1px solid var(--navy);padding-top:clamp(28px,3.2vw,48px)}
.ltr__aside{position:sticky;top:clamp(24px,4vw,56px)}
.ltr__photo{position:relative;padding:clamp(12px,1.4vw,22px)}
.ltr__sig{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:clamp(20px,2.4vw,28px)}
.ltr__sig-name{font-family:var(--font-mark);font-weight:600;font-size:clamp(26px,2.4vw,38px);line-height:1;color:var(--navy)}
.ltr__sig-role{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);opacity:.5}
.ltr__body{position:relative;max-width:58ch}
.ltr__stmt{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(20px,2.1vw,31px);line-height:1.04;letter-spacing:-.02em;color:var(--navy);margin:0 0 clamp(20px,2.2vw,30px);max-width:36ch;text-wrap:balance}
.ltr__stmt-frame{position:relative;padding:clamp(18px,2vw,28px);margin:0 0 clamp(20px,2.2vw,30px);text-align:center}
.ltr__stmt-frame .ltr__stmt{margin:0;font-family:var(--font-serif-italic);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}
.ltr__p{font-family:var(--font-body);font-size:clamp(15px,1.1vw,17px);line-height:1.78;color:var(--navy-85,var(--navy-70));margin:0 0 1.6em;text-wrap:pretty}
.ltr__p--lede{}
.ltr__pull{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(21px,2vw,32px);line-height:1.3;color:var(--navy);margin:clamp(28px,3vw,40px) 0 1.3em;padding-left:clamp(16px,1.8vw,26px);border-left:2px solid var(--t-accent);max-width:26ch}
.ltr__p:last-of-type{margin-bottom:0}
@media (min-width:901px){.ltr__more{margin-top:1.6em;padding-top:0}}
@media (max-width:900px){
.ltr__grid{grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}
.ltr__aside{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(18px,3vw,30px)}
.ltr__photo .photo{aspect-ratio:16/10!important}
.ltr__sig{border-top:0;padding-top:0;justify-content:flex-end;text-align:right}
.ltr__body{max-width:none}
}
@media (max-width:620px){.ltr__aside{grid-template-columns:1fr}.ltr__sig{justify-content:flex-start;text-align:left}}
.ltr__p--lede .mark-underline{color:inherit;white-space:nowrap}
/* ===================== MOBILE LAYER (≤700px) ===================== */
@media (max-width:700px){
html,body{overflow-x:clip}
/* nunca dejar que una etiqueta nowrap fije el ancho de la página */
.mark-underline,.ltr__p--lede .mark-underline,.lm__title .mark-underline,.pain__headline .mark-underline,.v2-hero__headline .mark-underline,.mech-item__title .mark-underline,.auth__headline .mark-underline,.bc__headline .mark-underline,.res__headline .mark-underline,.btn,.start__cta,.bc-card__btn,.v2-hero__cta,.comm__btn,.comm-form__submit,.bc-foot__btn,.bc-foot-cta__arrow{white-space:normal}
.start,.start__lead,.start__card,.container>*{min-width:0}
/* botones a ancho completo, alineación izquierda editorial */
.btn,.start__cta,.comm__btn,.comm-form__submit,.bc-foot__btn,.bc-card__btn,.res__sub,.cta-band__cta{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;min-height:46px;padding:12px 16px;font-size:11px;letter-spacing:.12em}
.v2-hero__eyebrow{white-space:nowrap;font-size:min(5vw,19px);letter-spacing:0}
.v2-hero__cta{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;min-height:44px;padding:11px 16px;font-size:10px;letter-spacing:.1em}
.btn__arrow,.v2-hero__cta span,.comm__btn span{flex:0 0 auto}
/* áreas táctiles ≥44px */
.v2-nav__link{padding-top:13px;padding-bottom:13px;font-size:11px;letter-spacing:.12em}
.v2-nav__menu{gap:6px 18px;flex-wrap:wrap}
/* ---- HEADER móvil: una sola fila hairline + hoja de menú ---- */
.v2-nav{flex-wrap:nowrap;gap:12px;padding:14px clamp(20px,5vw,28px);justify-content:space-between;align-items:center}
.v2-nav__menu{display:none}
.v2-nav__logo-img{display:none}
.v2-nav__tagline{display:none}
.v2-nav__brand{display:flex;align-items:center;gap:7px;font-size:13px}
.v2-nav__brand b{display:none}
.v2-nav__brand>span:nth-child(1){order:1;font-size:17px;line-height:1}
.v2-nav__brand>span:nth-child(3){order:3;font-size:17px;line-height:1}
.v2-nav__full{display:inline;order:2;margin-left:0;font-size:11px;font-weight:600;letter-spacing:.1em;opacity:1;color:var(--cream)}
.v2-nav__cta{display:none}
.v2-nav__toggle{order:3;display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 0 0 4px;background:none;border:0;color:var(--cream);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.v2-nav__brand-link{display:inline-flex;align-items:center;min-height:44px}
.v2-nav__toggle-txt{font-size:11px}
.v2-nav__toggle-bars{display:grid;gap:3.5px;width:19px}
.v2-nav__toggle-bars i{display:block;height:1px;background:var(--t-accent);transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out)}
.v2-nav__toggle{min-height:44px}
.v2-nav[data-open="true"] .v2-nav__toggle-bars i:first-child{transform:translateY(4.5px) rotate(12deg)}
.v2-nav[data-open="true"] .v2-nav__toggle-bars i:nth-child(2){opacity:0}
.v2-nav[data-open="true"] .v2-nav__toggle-bars i:last-child{transform:translateY(-4.5px) rotate(-12deg)}
.v2-nav-sheet{position:fixed;inset:69px 0 0;z-index:49;background:var(--navy);padding:clamp(20px,6vw,32px) clamp(20px,5vw,28px) 32px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;animation:v2SheetIn .28s var(--ease-edit,cubic-bezier(.65,0,.35,1)) both}
.v2-nav-sheet[hidden]{display:none}
@keyframes v2SheetIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.v2-nav-sheet__list{display:grid;border-top:1px solid rgba(236,233,223,.18)}
.v2-nav-sheet__link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid rgba(236,233,223,.18);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,7.4vw,32px);line-height:1;letter-spacing:-.02em;color:var(--cream)}
.v2-nav-sheet__link[aria-current="page"]{color:var(--t-accent)}
.v2-nav-sheet__num{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--t-accent);opacity:.8}
.v2-nav-sheet__arrow{font-size:16px;opacity:.45}
.v2-nav-sheet__foot{display:grid;gap:16px;margin-top:clamp(20px,4.5vw,28px)}
.v2-nav-sheet__social{display:grid;gap:0;border-top:1px solid rgba(236,233,223,.14)}
.v2-nav-sheet__cta{display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 20px;background:var(--t-accent);color:var(--navy);text-decoration:none;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.v2-nav-sheet__meta{display:flex;align-items:center;gap:10px;min-height:46px;font-family:var(--font-body);font-size:13px;letter-spacing:.04em;color:rgba(236,233,223,.78);text-decoration:none;border:0;border-bottom:1px solid rgba(236,233,223,.14)}
.v2-nav-sheet__meta svg{flex:0 0 auto;color:var(--t-accent)}
.v2-nav-sheet__social .v2-nav-sheet__meta:last-child{border-bottom:0}
.res-card__link,.stair__cta,.start__alt{min-height:44px;display:inline-flex;align-items:center}
/* ---- FOOTER móvil: bloques separados por hairline ---- */
.footer{padding:clamp(40px,9vw,56px) clamp(20px,5vw,28px) 22px}
.footer__top{display:grid;grid-template-columns:1fr;gap:0}
.footer__brand{padding-bottom:clamp(24px,6vw,32px);align-items:center;text-align:center}
.footer__brand-img{margin-inline:auto}
.footer__brand-img{width:clamp(132px,42vw,168px)}
.footer__pages,.footer__contact,.footer__social{padding:clamp(20px,5vw,26px) 0;border-top:1px solid rgba(236,233,223,.18)}
.footer__col-label{margin:0 0 14px;font-size:10px;letter-spacing:.24em;color:var(--t-accent);opacity:1}
.footer__pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:0}
.footer__col-label{grid-column:1/-1}
.footer__page-link{min-height:46px;display:flex;align-items:center;font-size:15px;border-top:1px solid rgba(236,233,223,.1)}
.footer__page-link:nth-of-type(-n+2){border-top:0}
.footer__contact,.footer__social{gap:16px}
.footer__legal{display:grid;gap:10px;margin-top:0;padding-top:clamp(18px,4vw,24px);border-top:1px solid rgba(236,233,223,.18)}
.footer__legal-links{display:flex;flex-wrap:wrap;gap:0 22px}
.footer__legal a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;letter-spacing:.06em}
.footer__legal-copy{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin:0}
/* marcas dibujadas: más chicas y recortadas, nunca generan scroll */
/* ---- lectura: cuerpos largos con más aire en móvil ---- */
.who__body,.ltr__p,.v2-hero__sub,.bc__lede{font-size:16px;line-height:1.75;letter-spacing:.002em}
.ltr__p{margin-bottom:1.2em}
/* el salto forzado del lede rompe la lectura en pantalla angosta */
.bc__lede br{display:none}
.bc__lede{max-width:34ch;text-wrap:pretty}
.ltr__p--lede{font-size:17px;line-height:1.68}
/* ---- pie de bootcamps: más jerarquía y ritmo en móvil ---- */
.bc-foot{padding:clamp(24px,6vw,32px) clamp(20px,5vw,26px);gap:0}
.bc-foot__stmt{font-size:clamp(24px,7vw,30px);line-height:1.1;max-width:20ch}
.bc-foot__stmt em{display:block}
.bc-foot__say .bc-foot__sub{display:none}
.bc-foot__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(215,236,51,.45)}
.bc-foot__fact{padding:0 12px}
.bc-foot__fact:first-child{padding-left:0}
.bc-foot__fact:last-child{padding-right:0}
.bc-foot__fact+.bc-foot__fact{border-left:1px solid rgba(236,233,223,.14)}
.bc-foot__fact dt{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,6vw,26px);line-height:1;letter-spacing:-.02em;color:var(--t-accent);margin:0}
.bc-foot__fact dd{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:rgba(236,233,223,.72);margin:7px 0 0}
.bc-foot__facts-note{display:block;font-family:var(--font-body);font-size:13px;line-height:1.55;color:rgba(236,233,223,.7);margin:14px 0 0}
.bc-foot__access{margin-top:clamp(22px,5vw,28px);padding-top:clamp(18px,4vw,22px);border-top:1px solid rgba(236,233,223,.2)}
.bc-foot__label{font-size:10px;letter-spacing:.22em;margin-bottom:6px}
.bc-foot__list li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:baseline;font-size:14px;line-height:1.4;padding:11px 0;border-top:0;border-bottom:1px solid rgba(236,233,223,.14)}
.bc-foot__list li:last-child{border-bottom:0;padding-bottom:0}
.bc-foot__list li::before{content:"+";font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--t-accent);position:static}
.bc-foot__list li{padding-left:0;position:static}
/* ---- Bootcamps · "Tú decides cómo empezar": editorial, sin caja ---- */
.start{display:grid;grid-template-columns:1fr;gap:0}
.start__lead{display:contents}
.start__lead>*{order:1}
.mf__kicker{order:1}
.start__title{order:1;font-size:clamp(26px,7.4vw,32px);margin-bottom:10px}
.start__body{order:1;font-size:14px;line-height:1.55;opacity:.72;margin-bottom:28px}
.start__card{order:2;position:static;margin:0;border:0;border-top:1px solid rgba(215,236,51,.5);background:rgba(236,233,223,.05);padding:22px 20px 26px;gap:0;border-radius:0}
.start__card-kicker{font-size:10px;letter-spacing:.2em;color:var(--t-accent)}
.start__card-scope{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin:6px 0 0}
.start__price{font-size:48px;line-height:1;margin-top:18px;display:block}
.start__was,.start__save{display:inline;font-size:13px;opacity:.55;margin:8px 0 0}
.start__was{margin-right:0}
.start__was::after{content:" · "}
.start__save{color:var(--t-accent);opacity:1;background:none;padding:0;font-weight:400;text-transform:none;letter-spacing:0}
.start__pay{margin-top:22px;padding-top:0;gap:0;border-top:0}
.start__pay .start__card-kicker{display:none}
.start__pay-list{display:flex;flex-wrap:wrap;gap:0}
.start__pay-list li{font-size:13px;color:rgba(236,233,223,.72)}
.start__pay-list li::before{content:none}
.start__pay-list li:not(:last-child)::after{content:" · ";color:var(--t-accent)}
.start__actions{order:3;margin-top:28px;display:grid;grid-template-columns:1fr;gap:0}
.start__cta{width:100%;justify-content:center;text-align:center;gap:10px;min-height:52px;padding:12px 16px}
.start__alt{display:none}
.v2-hero__bg .photo{display:none}
.v2-hero__bg-mob{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
/* ---- hero: subtítulo corto + etapas como tira ---- */
.v2-hero__sub{display:none}
.v2-hero__sub--mob{display:block;font-size:14px;line-height:1.5;max-width:38ch;margin-bottom:14px;text-wrap:balance}
.v2-hero__stages{display:flex;flex-wrap:nowrap;gap:6px;list-style:none;margin:0 0 clamp(24px,6vw,32px);padding:0}
.v2-hero__stages li{flex:0 1 auto;white-space:nowrap;font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);border:1px solid rgba(236,233,223,.4);padding:6px 8px}
/* ---- Autoridad: titular, foto apaisada, texto ---- */
.auth-grid{display:grid;grid-template-columns:1fr;gap:0}
.auth-grid>div:not(.auth__photo){display:contents}
.auth__headline{order:1;font-size:clamp(23px,6.6vw,28px);margin-bottom:18px}
.auth__photo{order:2;padding:10px;margin-bottom:22px}
.auth__photo .photo{display:none}
.auth__photo-mob{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%}
.auth-facts{display:none}
.auth__body{order:4;position:relative;padding-top:16px;margin-bottom:18px;border-top:1px solid rgba(236,233,223,.22)}
.auth__body::before{content:"";position:absolute;top:-1px;left:0;width:32px;height:1px;background:var(--t-accent)}
.auth__lead{font-weight:600;color:var(--cream)}
.auth__key{display:inline;font-family:inherit;font-style:normal;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border:0}
.auth__sig{order:5;margin-top:4px}
.auth__cta{order:6}
/* ---- page hero (Recursos/Bootcamps): nada rebasa el margen ---- */
.pg-hero{padding-left:20px;padding-right:20px;min-height:clamp(460px,132vw,560px)}
.pg-hero[data-screen-label="Resources · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:clamp(460px,132vw,560px)}
.pg-hero[data-screen-label="Programas · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:clamp(460px,132vw,560px)}
.pg-hero[data-screen-label="About · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:clamp(460px,132vw,560px)}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__cta-note{display:none}
.pg-hero__inner{width:100%;max-width:100%;min-width:0}
.pg-hero__cta-row{width:100%;min-width:0}
.pg-hero__cta{white-space:normal;text-align:center;justify-content:center;width:auto;min-height:44px;padding:11px 18px;font-size:11px;letter-spacing:.1em}
.pg-hero[data-screen-label="Resources · Hero"] .pg-hero__eyebrow{font-size:min(5.2vw,20px);white-space:nowrap}
/* ---- hero About: botón añadido para igualar a Bootcamps/Recursos ---- */
.pg-hero[data-screen-label="About · Hero"] .pg-hero__cta-row{margin-top:clamp(22px,5vw,28px)}
/* ---- hero Bootcamps: jerarquía eyebrow → titular → lede ---- */
.pg-hero[data-screen-label="Programas · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:auto}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__eyebrow{font-size:16px;margin-bottom:12px;opacity:.9}
.pg-hero[data-screen-label="Programas · Hero"] .pg-hero__title{font-size:clamp(30px,8.8vw,34px);line-height:1.1;letter-spacing:-.028em;text-wrap:balance;margin-bottom:16px}
/* ---- Bootcamps · El método: datos en retícula ---- */
.how2-val{margin-top:30px;padding-top:26px;border-top:1px solid rgba(236,233,223,.22)}
.how2-mockup{display:block;margin:28px 0 0;position:relative;padding:10px}
.how2-mockup img{display:block;width:100%;height:auto}
.how2-mockup figcaption{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,233,223,.55);margin-top:10px;text-align:center}
.how2-val__meta{display:none}
.how2-val__stmt{font-size:clamp(21px,6.2vw,26px);line-height:1.12;max-width:22ch}
.how2-val__sub{font-size:14px;line-height:1.55;opacity:.72;margin-top:10px}
.how2-val__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 0;padding:0;border:1px solid rgba(236,233,223,.22);background:rgba(236,233,223,.05)}
.how2-val__facts>div{padding:14px 10px}
.how2-val__facts>div+div{padding-left:12px;border-left:1px solid rgba(236,233,223,.22)}
.how2-val__facts dt{font-family:var(--font-display);font-weight:700;font-size:clamp(17px,5vw,22px);line-height:1;letter-spacing:-.02em;color:var(--t-accent);margin:0}
.how2-val__facts dd{font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;color:rgba(236,233,223,.72);margin:7px 0 0}
.how2-val__take{margin-top:24px;padding-top:18px;border-top:1px solid rgba(236,233,223,.2)}
.how2-val__label{font-size:10px;letter-spacing:.22em;margin-bottom:4px}
.how2-val__list{gap:0}
.how2-val__list li{padding:9px 0 9px 20px;border-bottom:0;font-size:14px;line-height:1.4}
.how2-val__list li:last-child{border-bottom:0;padding-bottom:0}
.how2-val__list li::before{content:"+";top:9px;left:0;width:auto;height:auto;background:none;font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.4;color:var(--t-accent)}
.cta-band__inner{text-align:center;align-items:center;justify-items:center}
.cta-band__title{font-size:clamp(26px,7.6vw,34px);line-height:1.06;margin-left:auto;margin-right:auto}
.cta-band__body{font-family:var(--font-serif-italic);font-style:italic;font-size:16px;line-height:1.45;margin:0 auto 22px;max-width:30ch}
.cta-band__cta{justify-content:center;text-align:center}
/* ---- Los cuatro bootcamps: filas compactas, datos al abrir ---- */
.prog-acc__head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 0;row-gap:12px}
.prog-acc__titles{gap:4px}
.prog-acc__title{font-size:17px;line-height:1.06}
.prog-acc__promise{font-size:14px;line-height:1.28}
.prog-acc__sign{width:18px;height:18px;margin-top:4px}
.prog-acc__sign::before,.prog-acc__sign::after{background:var(--acid-deep);height:1.5px}
.prog-acc__meta{display:none}
.prog-acc__item.is-open .prog-acc__meta{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:2px;border-top:1px solid var(--navy-20)}
.prog-acc__item.is-open .prog-acc__meta-cell{padding:10px 10px 10px 0;border-bottom:1px solid var(--navy-20)}
.prog-acc__item.is-open .prog-acc__meta-cell:nth-child(even){padding-left:12px;border-left:1px solid var(--navy-20)}
.prog-acc__item.is-open .prog-acc__meta-cell:nth-last-child(-n+2){border-bottom:0}
.prog-acc__meta-label{font-size:10px;letter-spacing:.14em}
.prog-acc__meta-value{font-size:13px}
.prog-acc__for{font-size:14px;line-height:1.6;margin-bottom:16px}
.prog-acc__btn{width:100%;justify-content:space-between;white-space:normal;padding:14px 16px;font-size:11px;letter-spacing:.1em}
.prog-out__item{font-size:13px;padding:11px 0}
/* ---- Inscripción (acid): bloque de formulario más legible ---- */
#inscripcion .sec__headline{font-size:clamp(26px,7.6vw,32px);line-height:1.04}
.ins__lede{font-size:14px;line-height:1.55;opacity:.78;max-width:40ch}
.ins-grid{gap:22px}
.ins-form{grid-template-columns:1fr;gap:18px;padding-top:20px;border-top:1px solid var(--navy)}
.ins-field{gap:6px}
.ins-field span{font-size:10px;letter-spacing:.18em;opacity:.85}
.ins-field input,.ins-field select{padding-bottom:10px;min-height:44px}
.ins-field textarea{min-height:96px}
.ins-form__submit{width:100%;min-height:52px;font-size:11px;letter-spacing:.12em;padding:14px 16px}
.ins-form__note{font-size:12px;line-height:1.45}
/* ---- Encuentra tu ruta: escalera como ruta numerada ---- */
.stair{gap:0;border-top:1px solid var(--navy)}
.stair__col{position:relative;padding:16px 0 16px 46px;margin-bottom:0!important;border-bottom:1px solid var(--navy-20)}
.stair__col:last-child{border-bottom:0}
.stair__col::before{content:attr(data-step);position:absolute;left:0;top:16px;width:30px;height:30px;display:grid;place-items:center;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--navy)}
.stair__col::after{content:"";position:absolute;left:15px;top:50px;bottom:0;width:1px;background:var(--navy-20)}
.stair__col:last-child::after{display:none}
.stair__col[data-step="1"]::before{background:var(--blue-light)}
.stair__col[data-step="2"]::before{background:var(--blue-med);color:var(--white)}
.stair__col[data-step="3"]::before{background:var(--navy);color:var(--cream)}
.stair__col[data-step="4"]::before{background:var(--t-accent)}
.stair__chev{display:none}
.stair__label{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:17px;line-height:1.08;margin-bottom:6px}
.stair__note{font-size:14px;line-height:1.5;margin-bottom:10px}
.stair__cta{font-size:11px;letter-spacing:.12em;min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--navy);padding:0 16px}
.stair__col[data-step="1"] .stair__cta{background:var(--blue-light);border-color:var(--blue-light);color:var(--navy)}
.stair__col[data-step="2"] .stair__cta{background:var(--blue-med);border-color:var(--blue-med);color:var(--white)}
.stair__col[data-step="3"] .stair__cta{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.stair__col[data-step="4"] .stair__cta{background:var(--t-accent);border-color:var(--t-accent);color:var(--navy)}
.stair__headline{font-size:clamp(28px,7.6vw,32px);line-height:1.06}
.stair__lede{font-size:14px;line-height:1.55;max-width:40ch}
/* ---- El método: los 6 pasos como filas hairline ---- */
.how2-list{gap:0;background:none;border:0;border-top:1px solid rgba(236,233,223,.22)}
.how2-item{background:none;padding-left:0;padding-right:0}
.how2-item{display:grid;grid-template-columns:minmax(0,1fr);row-gap:5px;padding:14px 0;border-bottom:1px solid rgba(236,233,223,.14)}
.how2-item:last-child{border-bottom:0}
.how2-item__num{display:none}
.how2-item__title{grid-column:1;position:relative;padding-left:18px;font-size:16px;line-height:1.14}
.how2-item__title::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:1px;background:var(--t-accent)}
.how2-item__body{grid-column:1;padding-left:18px;font-size:13px;line-height:1.5;color:rgba(236,233,223,.6)}
.how2__title{font-size:clamp(24px,7vw,28px);line-height:1.06}
/* ---- Sobre FCL · hero más compacto ---- */
.pg-hero[data-screen-label="About · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:auto}
.pg-hero[data-screen-label="About · Hero"] .pg-hero__eyebrow{font-size:min(5.2vw,20px);white-space:nowrap;margin-bottom:14px}
.pg-hero[data-screen-label="About · Hero"] .pg-hero__title{font-size:clamp(28px,8.2vw,32px);line-height:1.02;text-wrap:balance}
.ltr__aside{display:none}
.ltr__eyebrow{display:inline-flex;align-items:center;gap:10px}
.ltr__eyebrow-avatar{display:block;width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.ltr__body{margin-top:0}
.ltr__photo{position:relative;padding:10px}
.ltr__photo .photo{aspect-ratio:5/4!important}
.ltr__sig{display:none}
.ltr__sig-name{color:var(--cream);font-size:24px}
.ltr__sig-role{color:var(--cream);opacity:.75}
.ltr__body{margin-top:0}
.ltr__stmt{font-family:var(--font-mark);font-weight:600;text-transform:none;text-align:center;font-size:26px;line-height:1.2;letter-spacing:0;margin-bottom:14px}
.ltr__stmt-frame{padding:16px}
.ltr__p--lede{margin-bottom:1.1em}
.ltr__p{font-size:15px;line-height:1.68;color:var(--navy-60,var(--navy-70))}
.mob-break{display:block;content:"";margin-top:.9em}
.ltr__toggle{margin-top:6px;padding:12px 16px;border:1px solid var(--navy);gap:10px;justify-content:center;width:100%}
.ltr__more{display:block;max-height:0;overflow:hidden;transition:max-height var(--dur-3,.4s) var(--ease-out,ease)}
.ltr__more.is-open{max-height:1600px}
.ltr__toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;appearance:none;background:none;border:1px solid var(--navy);cursor:pointer;margin-top:22px;padding:12px 16px;width:100%;min-height:48px;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
/* ---- Metodología: acordeón amigable (un paso a la vez) ---- */
.wm-steps{grid-template-columns:1fr;gap:0;margin-top:24px;border-top:1px solid var(--navy-20)}
.wm-step{border-bottom:1px solid var(--navy-20);padding:0}
.wm-step:last-child{border-bottom:0}
.wm-step__head{display:grid;grid-template-columns:26px minmax(0,1fr) 20px;align-items:center;column-gap:12px;width:100%;min-height:52px;padding:14px 0;appearance:none;background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.wm-step__num{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--navy-20);font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--navy-50);margin:0}
.wm-step__chev{font-size:16px;line-height:1;color:var(--navy-50);text-align:center}
.wm-step__panel{display:block}
.wm-step__title{font-size:16px;line-height:1.16}
.wm-step__body{font-size:13.5px;line-height:1.55;padding:0 26px 16px 0;margin:0}
.wm-step__chev{display:none}
.wm-close__title{font-size:20px;line-height:1.14}
.wm-close{padding:22px 20px;gap:16px}
.wm-close__body{font-size:13px;padding-top:10px;margin-top:10px}
.wm-close__cta{background:transparent;border-color:var(--navy);color:var(--navy);width:100%;justify-content:center}
/* ---- Recursos · grid de posts como filas escaneables ---- */
.pg-hero[data-screen-label="Resources · Hero"]{padding-top:clamp(72px,16vw,96px);padding-bottom:clamp(56px,13vw,80px);min-height:auto}
.res-grid--6{gap:0;border-top:1px solid var(--navy-20)}
.res-grid--6 .res-card{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:14px;align-items:start;border:0;border-bottom:1px solid var(--navy-20);padding:14px 0;background:none}
.res-grid--6 .res-card__media{aspect-ratio:1;height:auto}
.res-grid--6 .res-card__media .photo,.res-grid--6 .res-card__media image-slot{height:100%}
.res-grid--6 .res-card__inner{padding:0;gap:0}
.res-grid--6 .res-card__num{margin:0 0 6px;font-size:10px;letter-spacing:.16em}
.res-grid--6 .res-card__title{font-size:15px;line-height:1.16;margin:0 0 8px}
.res-grid--6 .res-card__body{display:none}
.res-grid--6 .res-card__link{min-height:32px;font-size:10px;letter-spacing:.12em}
/* ---- Inicio · recursos destacados: 1 con foto + 2 filas ---- */
#recursos .res-grid{gap:0;border-top:1px solid var(--navy-20)}
#recursos .res-grid .res-card{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:14px;align-items:start;border:0;border-bottom:1px solid var(--navy-20);padding:14px 0;background:none}
#recursos .res-grid .res-card .res-card__media{aspect-ratio:1;height:auto}
#recursos .res-grid .res-card .res-card__media .photo,#recursos .res-grid .res-card .res-card__media image-slot{height:100%}
#recursos .res-grid .res-card .res-card__inner{padding:0}
#recursos .res-grid .res-card .res-card__num{margin:0 0 6px;font-size:10px;letter-spacing:.16em}
#recursos .res-grid .res-card .res-card__title{font-size:15px;line-height:1.16;margin:0 0 8px}
#recursos .res-grid .res-card .res-card__body{display:none}
#recursos .res-grid .res-card .res-card__link{min-height:32px;font-size:10px;letter-spacing:.12em}
#recursos .res-grid .res-card:last-child{border-bottom:0}
/* ---- Inicio · mecanismo: foto apaisada ---- */
.mech__photo .photo{aspect-ratio:3/2!important}
/* ---- Test · volver con área táctil ---- */
.tq-back{display:inline-flex;align-items:center;min-height:44px}
/* ---- Test · CTA de recomendación: un solo botón claro ---- */
.tq-cta{flex-direction:column-reverse;align-items:stretch;gap:2px;padding:0}
.tq-cta__txt{order:2;padding:14px 18px;font-size:12px;font-weight:600;opacity:.72}
.tq-cta__arrow{order:1;justify-content:space-between;width:100%;padding:16px 18px;font-size:12px;letter-spacing:.12em;background:var(--navy);color:var(--cream)}
/* ---- Footer más compacto: contacto y social en dos columnas ---- */
.footer__contact p,.footer__social p{overflow-wrap:anywhere;word-break:break-word;max-width:100%}
.footer__contact a,.footer__social a{overflow-wrap:anywhere;max-width:100%}
/* ---- El dolor: respiro en el titular y ritmo en los tres puntos ---- */
.pain__headline{font-size:clamp(23px,6.6vw,26px);line-height:1.14;margin-bottom:clamp(26px,7vw,34px);text-wrap:pretty}
.pain-col{padding-top:20px;padding-bottom:20px}
.pain-col__title{font-size:19px;line-height:1.12}
.pain-col__title::before{content:none}
.pain-col__body{color:var(--navy);font-size:15px;line-height:1.55;margin-top:8px}
/* ---- Mecanismo: statement con aire, numeración compacta ---- */
.mech__kicker{font-size:clamp(23px,6.6vw,26px);line-height:1.14;margin-bottom:clamp(22px,6vw,30px)}
.mech-item{grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px;padding:14px 0}
.mech-item__num{font-family:var(--font-serif);font-size:21px;font-weight:400;letter-spacing:0;color:var(--acid-deep);line-height:1}
.mech-item__title{font-size:17px;line-height:1.12}
.mech-item__copy,.mech-item__body{color:var(--navy-70);font-size:14px;line-height:1.55}
/* ---- Manifiesto: solo las declaraciones en móvil ---- */
.mf-item{padding:13px 0;column-gap:10px}
.mf-item__num{font-size:13px}
.mf-item__line{font-size:17px;line-height:1.1;margin:0}
.mf-item__body{display:none}
/* ---- Esto es para ti si: autochequeo táctil ---- */
.fit-list__item{padding:0;column-gap:0;font-size:14px;line-height:1.45}
.fit-list__btn{min-height:46px;padding:11px 0}
.fit-list__txt{color:rgba(236,233,223,.72)}
.fit-list__mark{width:15px;height:15px;margin-top:.28em;border:1px solid var(--cream);font-size:0;transition:background var(--dur-2,.2s) var(--ease-out,ease),border-color var(--dur-2,.2s) var(--ease-out,ease)}
.fit-list__item.is-checked .fit-list__mark{background:var(--t-accent);border-color:var(--t-accent)}
.fit-list__item.is-checked .fit-list__txt{color:var(--cream)}
.fit-list__item:last-child{border-bottom:0}
.fit-close{position:relative;margin-top:clamp(34px,9vw,46px);padding-top:22px;border-top:0}
.fit-close::before{content:"";position:absolute;left:0;top:0;width:34px;height:2px;background:var(--t-accent)}
.fit-list__hint{display:block;margin:0 0 10px}
.fit-list__hint-tick{color:var(--t-accent);font-size:13px;letter-spacing:0}
.fit-list__next{display:inline-flex}
.ltr__more{overflow:hidden}
.tst-hint{display:block}
.fit__headline{font-size:19px;line-height:1.16;margin-bottom:14px}
/* ---- Así trabajamos: acordeón definido arriba, sin línea de proceso ---- */
/* ---- Testimonios: carrusel con snap ---- */
.tst-grid{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}
.tst-grid::-webkit-scrollbar{display:none}
.tst-card{flex:0 0 82%;scroll-snap-align:start}
.tst-card{position:relative}
.tst-card__next{display:none}
.tst-card__quote{font-size:15px;line-height:1.55}
.hide-mob{display:none}
.only-mob{display:inline}
.pg-hero__lede{font-size:15px;line-height:1.5;max-width:38ch;text-wrap:balance}
.pg-hero__cta-note{white-space:nowrap;font-size:min(3.4vw,13px)}
.pg-hero__title-serif{white-space:nowrap;font-size:min(8.6vw,30px)}
.pg-hero__title,.pg-hero__lede{max-width:100%}
.mark-loop{transform:scale(.72);transform-origin:left center}
/* ritmo vertical: menos aire en móvil */
.section,.container>section{padding-top:clamp(52px,11vw,72px);padding-bottom:clamp(52px,11vw,72px)}
/* tiras horizontales pasan a lista */
.bc__tira{flex-wrap:wrap}
.bc__tira li:not(:last-child)::after{display:none}
.how2-facts{gap:8px 18px}
/* tarjeta de precio: sin marco en móvil */
.prog-acc__meta{grid-template-columns:1fr;row-gap:6px}
}
@media (max-width:480px){
.mark-loop{display:none}
.v2-nav__link{letter-spacing:.1em}
}
/* ---------- MÉTODO v4 (editorial split + numbered rows) ---------- */
.metodo4{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);align-items:start}
.metodo4__aside{position:sticky;top:120px;display:flex;flex-direction:column}
.metodo4__title{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.6vw,52px);line-height:1.02;letter-spacing:-.025em;color:var(--navy);margin:12px 0 18px;text-wrap:balance}
.metodo4__lede{font-family:var(--font-body);font-size:clamp(15px,1.1vw,17px);line-height:1.6;color:var(--navy-70);margin:0;max-width:42ch;text-wrap:pretty}
.metodo4__quote{position:relative;margin-top:clamp(36px,4vw,56px);padding:clamp(24px,2.6vw,34px) clamp(24px,2.6vw,34px)}
.metodo4__quote-kicker{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--navy-50);margin:0 0 10px}
.metodo4__quote-text{font-family:var(--font-serif-italic);font-style:italic;font-size:clamp(20px,1.8vw,26px);line-height:1.35;color:var(--navy);margin:0;text-wrap:pretty}
.metodo4__steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.metodo4__step{display:grid;grid-template-columns:clamp(72px,8vw,120px) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start;padding:clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--navy)}
.metodo4__num{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,5.4vw,80px);line-height:.8;letter-spacing:-.04em;color:var(--navy);margin-top:-.02em}
.metodo4__step-title{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,1.6vw,24px);line-height:1.15;letter-spacing:-.01em;color:var(--navy);margin:0 0 10px;padding-top:.1em}
.metodo4__step-body{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--navy-70);margin:0;max-width:48ch}
.metodo4__incluye{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px);margin-top:clamp(56px,6vw,88px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--cream-dark)}
.metodo4__incluye-kicker{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0;justify-self:start;align-self:start;background:var(--acid);padding:6px 10px}
.metodo4__incluye-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,2.6vw,36px) clamp(24px,3vw,48px)}
.metodo4__item{display:flex;flex-direction:column;gap:6px}
.metodo4__item-title{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:0}
.metodo4__item-title::before{content:"→";margin-right:8px;letter-spacing:0}
.metodo4__item-body{font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--navy-70);margin:0}
@media (max-width:900px){.metodo4,.metodo4__incluye{grid-template-columns:1fr;gap:32px}.metodo4__aside{position:static}}
@media (max-width:560px){.metodo4__incluye-grid{grid-template-columns:1fr}.metodo4__step{grid-template-columns:56px minmax(0,1fr)}}
.prog-acc__cierres{margin-top:18px;padding-top:14px;border-top:1px solid var(--navy-20);font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy-70)}
.prog-acc__cierres-label{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.prog-acc__cierres-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.prog-acc__cierres-list li{display:flex;gap:8px;align-items:center}
.prog-acc__cierres-list b{font-weight:700;color:var(--navy-70)}
.prog-acc__cierres-list li.is-next{color:var(--navy)}
.prog-acc__cierres-list li.is-next b{color:var(--navy)}
.prog-acc__cierres-list li.is-next::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--navy)}
.prog-acc__cierre{margin-top:14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-family:var(--font-body);font-size:13px;line-height:1.5;color:var(--navy-70)}
.prog-acc__cierre-ed{margin:0;font:inherit;color:inherit}
.prog-acc__cierre-ed::after{content:"·";margin-left:8px}
.prog-acc__cierre-row{display:flex;align-items:baseline;gap:6px;margin:0;font:inherit;color:inherit}
.prog-acc__cierre-row span::after{content:":"}
.prog-acc__cierre-row b{font-weight:700;color:var(--navy)}
/* ---------- FORMAS DE CREAR (rotador inline) ---------- */
.crea{padding-block:clamp(48px,5.4vw,80px)}
.crea__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.crea__line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .35em;margin:clamp(14px,1.6vw,22px) 0;font-size:clamp(26px,3.4vw,50px);line-height:1.25;letter-spacing:-.02em;color:var(--cream)}
.crea__static{display:block;height:1.25em;line-height:1.25em;font-family:var(--font-display);font-weight:800}
.crea__lead{position:relative;display:block;text-align:left;line-height:1.25em}
.crea__kicker{position:absolute;left:0;bottom:100%;margin:0 0 10px;white-space:nowrap;font-size:12px;line-height:1.2;letter-spacing:.16em;color:rgba(236,233,223,.65)}
.crea__window{display:block;position:relative;flex:none;height:3.75em;overflow:hidden;text-align:left;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 38%,#000 62%,transparent 100%)}
.crea__track{display:inline-flex;flex-direction:column;will-change:transform}
.crea__word{display:block;height:1.25em;line-height:1.25em;white-space:nowrap;font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;color:rgba(236,233,223,.16);transition:color 600ms cubic-bezier(0.65,0,0.35,1)}
.crea__word.is-on{color:var(--acid)}
.crea__sub{font-family:var(--font-body);font-size:clamp(14px,1.1vw,17px);line-height:1.6;color:rgba(236,233,223,.78);margin:0;max-width:56ch;text-wrap:pretty}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:720px){.crea__line{flex-direction:column;gap:0;font-size:clamp(24px,7vw,34px)}.crea__lead{text-align:center;margin-top:28px}.crea__kicker{left:50%;transform:translateX(-50%)}.crea__window{text-align:center;width:100%}}
@media (prefers-reduced-motion:reduce){.crea__word{transition:none}}
/* ---------- FORMAS DE PAGO (fila discreta bajo el acordeón) ---------- */
.pay-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px clamp(20px,3vw,40px);margin-top:0;padding:clamp(20px,2.2vw,28px) 0;border-bottom:1px solid var(--navy);scroll-margin-top:120px}
#programas{padding-bottom:clamp(40px,4.4vw,64px)}
#programas + #metodo{padding-top:clamp(40px,4.4vw,64px)}
.pay-row__label{margin:0;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--navy)}
.pay-row__opts{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;flex:1 1 320px;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--navy-70)}
.pay-row__opts b{font-weight:700;color:var(--navy)}
.pay-row__link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);text-decoration:none;border:0;padding:12px 20px;background:var(--acid);transition:background .2s ease-out}
.pay-row__link:hover{background:var(--acid-deep)}
.pay-row__link span{transition:transform .2s ease-out}
.pay-row__link:hover span{transform:translateX(4px)}
.pay-row{flex-direction:column;justify-content:center;text-align:center;gap:8px}.pay-row__opts{flex:0 0 auto;justify-content:center}
@media (max-width:640px){.pay-row__sep{display:none}.pay-row__opts{flex-direction:column;gap:2px}.pay-row__opts{align-items:center}.pay-row__link{width:100%;justify-content:space-between}}
section#programas{padding-bottom:clamp(40px,4.4vw,64px)}
section#metodo{padding-top:clamp(48px,5vw,72px)}
/* ---------- DESCARGABLES · filas editoriales ---------- */
.dl2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.dl2__head{position:sticky;top:100px}
.dl2__head .sec__lede{margin-bottom:0}
.dl2__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.dl2__row{display:grid;grid-template-columns:clamp(40px,3.4vw,52px) minmax(0,1fr) auto;gap:clamp(16px,2.4vw,32px);padding:clamp(24px,2.8vw,36px) 0;border-bottom:1px solid var(--navy-20)}
.dl2__num{font-variant-numeric:tabular-nums;font-family:var(--font-serif);font-size:clamp(26px,2.4vw,36px);line-height:1;color:var(--navy)}
.dl2__tag{font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--navy-70);margin:0 0 8px}
.dl2__title{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,1.7vw,24px);line-height:1.2;color:var(--navy);margin:0 0 8px}
.dl2__when{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--navy);margin:0 0 14px;text-wrap:pretty}
.dl2__inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dl2__inc li{font-family:var(--font-body);font-size:14px;line-height:1.45;color:var(--navy-70);padding-left:16px;position:relative}
.dl2__inc li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:1px;background:var(--navy)}
.dl2__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:16px}
.dl2__meta{font-family:var(--font-body);font-size:12px;letter-spacing:.06em;color:var(--navy-70);white-space:nowrap}
.dl2__btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:var(--acid);border:0;padding:12px 18px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease-out}
.dl2__btn:hover{background:var(--acid-deep)}
.dl2__btn:active{transform:scale(.98)}
@media (max-width:900px){.dl2{grid-template-columns:1fr}.dl2__head{position:static}}
@media (max-width:560px){.dl2__row{grid-template-columns:clamp(40px,3.4vw,52px) minmax(0,1fr)}.dl2__side{grid-column:2;flex-direction:row;align-items:center}}
/* ================= QA MÓVIL (iOS/Android) ================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,picture{max-width:100%;height:auto}
input,select,textarea{font-size:16px}
@media (max-width:880px){
html,body{overflow-x:clip}
input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
/* Anchos fijos heredados de ediciones directas: se liberan en móvil */
.nl__title span,.nl__lede span,.res__headline span,.auth__headline,.auth__headline span,.bc__close{width:auto!important;height:auto!important;max-width:100%!important}
#newsletter .v2-hero__eyebrow{font-size:clamp(24px,7vw,32px)!important;line-height:1.1}
.nl-grid>*,.comm-form-v2{min-width:0;max-width:100%}
.footer__top{height:auto!important}
.footer__brand-img{width:120px!important;height:120px!important}
.bc__close-logo{width:96px!important;height:96px!important}
.bc__close-text{min-width:0}
/* Touch targets ≥44px */
.footer__page-link,.footer__legal-links a,.footer__contact a,.footer__social a{display:inline-flex;align-items:center;min-height:44px}
#newsletter .comm__social-btn{width:44px;height:44px}
.faq-cta,.faq-more,.res-card__link,.dl2__btn,.pay-row__link{min-height:44px}
.prog-jump__link{min-height:44px;min-width:44px;justify-content:center;display:inline-flex;align-items:center}
.res-card__link{display:inline-flex!important;align-items:center}
input:not([type=checkbox]):not([type=radio]),select{min-height:44px}
.faq-item summary{min-height:48px}
/* Safe areas (iPhone sin botón de inicio) */
.v2-nav{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.v2-nav-sheet{padding-bottom:calc(32px + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}
.footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media (max-width:560px){.dl2__side{flex-wrap:wrap}.dl2__btn{width:100%;justify-content:center}}
@media (max-width:880px){
/* Legibilidad: piso de 11px en etiquetas en mayúsculas, 15–16px en texto de lectura */
.v2-hero__stages{flex-wrap:wrap}
.v2-hero__stages li{font-size:11px;padding-block:6px}
.v2-hero__sub--mob,.nl__lede,.sec__lede,.dl2__when{font-size:16px}
.bc-card__result,.metodo4__item-title,.dl2__inc li,.faq-item p{font-size:15px}
.prog-acc__meta-label,.prog-acc__meta-sub,.prog-acc__ed-label,.prog-acc__step-label,.footer__col-label,.tst-card__tag,.v2-hero__cta,.res-card__link,.v2-nav__toggle-txt,.nl__eyebrow,.eyebrow-tag,.mf__kicker{font-size:max(11.5px,1em)}
.nl__disclaimer,.footer__legal-copy,.footer__legal-links a{font-size:13px}
}
@media (max-width:880px){.v2-hero__stages{display:none!important}.v2-hero__sub--mob{margin-bottom:24px}.v2-hero__cta{display:flex;width:100%;max-width:340px;box-sizing:border-box;justify-content:center;gap:10px;min-height:52px;padding:14px 20px;font-size:12px;letter-spacing:.12em;white-space:normal;text-align:center;line-height:1.3}}
@media (max-width:880px){.mech__kicker,.mech__kicker *{width:auto!important;max-width:100%!important;height:auto!important}.mech__kicker{font-size:clamp(24px,7vw,30px)!important;line-height:1.12}.mech__kicker span{font-size:inherit!important;display:inline!important}}
@media (max-width:880px){.bc__close{width:100%!important;height:auto!important;flex-direction:column;align-items:flex-start;gap:18px;padding:24px 22px!important}.bc__close-text{flex:none!important;width:100%;min-width:0!important}.bc__close-text *{width:auto!important;height:auto!important}.bc__close-lede,.bc__close-lede span{font-size:18px!important;line-height:1.3}.bc__close-title,.bc__close-title span{font-size:21px!important;line-height:1.2}.bc__close-badge{font-size:15px!important;line-height:1.4}.bc__close-logo{width:72px!important;height:72px!important;align-self:flex-end}}
@media (max-width:880px){.mech__closing{width:auto!important;max-width:100%}.mech__closing span{font-size:18px!important;line-height:1.35;white-space:normal!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}.crea__kicker{white-space:normal!important;max-width:100%;display:inline-block}}
.auth__more-btn{display:none}
@media (max-width:880px){.auth__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-3,.4s) var(--ease-out,ease)}.auth__more.is-open{grid-template-rows:1fr}.auth__more>div{overflow:hidden;min-height:0}.auth__more-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;margin:4px 0 18px;background:none;border:0;border-bottom:2px solid var(--acid);font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);cursor:pointer}.auth__more-btn span{transition:transform var(--dur-2,.2s) var(--ease-out,ease)}.auth__more-btn[aria-expanded="true"] span{transform:rotate(180deg)}}
@media (max-width:880px){.auth__cta-wrap,.auth__cta{display:none!important}.auth__more-btn{margin:18px 0 0}}
@media (max-width:880px){.auth__more{order:4;transition:grid-template-rows .4s ease}.auth__more-btn{order:6;justify-self:start}}
@media (max-width:880px){[data-screen-label="06 Workbook"]{padding-top:32px!important;padding-bottom:36px!important}[data-screen-label="06 Workbook"] .lm-grid{gap:18px!important}.lm__photo-frame{max-width:230px;margin:0 auto}.lm__eyebrow{margin-bottom:10px!important;line-height:1.1}.lm__eyebrow span{font-size:13px!important;letter-spacing:.14em}.lm__eyebrow>span:last-child,.lm__eyebrow>span:last-child span{font-size:20px!important;display:block;margin-top:4px}.lm__title,.lm__title span{font-size:27px!important;line-height:1.1}.lm__title{margin-bottom:12px!important}.lm__body,.lm__body span{font-size:15px!important;line-height:1.5}.lm__body{margin-bottom:18px!important}.lm__btn{padding:14px 20px!important;width:100%;justify-content:center}}
@media (max-width:880px){.crea{padding-block:40px!important}.crea__line{margin:0!important;font-size:26px!important}.crea__lead{margin-top:0!important;text-align:center;display:flex;flex-direction:column;align-items:center}.crea__kicker{position:static!important;transform:none!important;display:block!important;white-space:normal!important;margin:0 0 12px!important;font-size:11px!important;letter-spacing:.18em}.crea__static{height:auto!important;font-size:20px;line-height:1.25;max-width:22ch;text-wrap:balance}.crea__window{margin-top:6px;height:3.75em}}
@media (max-width:880px){.crea__kicker{order:0!important}.crea__static{order:1!important}}
@media (max-width:880px){[data-screen-label="07 Recursos"] .eyebrow-tag{font-size:11px!important}.res__headline,.res__headline span{width:auto!important;height:auto!important;max-width:100%;font-size:28px!important;line-height:1.1}.res__headline{margin-bottom:10px!important}.res__lede{font-size:15px!important;line-height:1.5}.res-grid{gap:12px!important}.res-card{grid-template-columns:84px minmax(0,1fr)!important;gap:14px!important;align-items:center;padding:12px!important;background:var(--white);border:0!important}.res-card__media{width:84px;height:84px}.res-card__media .photo,.res-card__media image-slot,.res-card__media img{width:84px!important;height:84px!important}.res-card__inner{padding:0!important;gap:6px;background:transparent!important}.res-card__num{font-size:11px!important}.res-card__title{font-size:15px!important;line-height:1.3;margin:0!important}.res-card__link{font-size:12px!important;min-height:32px}.res__sub{margin-top:20px!important;justify-content:center!important;gap:10px}}
@media (max-width:880px){#recursos .res-grid .res-card{background:var(--white)!important}}
@media (max-width:880px){#recursos .res-grid .res-card{align-items:stretch!important}.res-card__media{height:auto!important;align-self:stretch}.res-card__media .photo,.res-card__media image-slot,.res-card__media img{height:100%!important;min-height:84px;object-fit:cover}}
@media (max-width:880px){[data-screen-label="08 Comunidad"]{padding-top:36px!important;padding-bottom:36px!important}.nl-grid--v2{gap:24px!important}.nl__eyebrow{font-size:11px!important;margin-bottom:8px!important}.nl__title,.nl__title span{width:auto!important;height:auto!important;max-width:100%;font-size:28px!important;line-height:1.1}.nl__title+.v2-hero__eyebrow{font-size:19px!important;margin:8px 0 12px!important;white-space:normal!important}.nl__lede,.nl__lede span{width:auto!important;height:auto!important;font-size:15px!important;line-height:1.5}.nl__lede{margin-bottom:16px!important}.comm__follow{margin-bottom:8px!important}.comm-form-v2__fields{gap:12px!important}.comm-form__field>span{font-size:11px!important}.comm-form__submit{min-height:48px;justify-content:center!important;gap:10px}.nl__disclaimer{font-size:12px!important;line-height:1.5;margin-top:4px!important}}
.bc-card__head{display:contents}.bc-card__plus{display:none}
@media (max-width:880px){.bc__headline,.bc__headline span{font-size:28px!important;line-height:1.1}.bc-grid{gap:10px!important;row-gap:10px!important}.bc-card{padding:0!important;min-height:0!important;height:auto!important}.bc-card__top{padding:0!important;gap:0!important}.bc-card__head{display:block;position:relative;padding:18px 56px 18px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bc-card__head .bc-card__label{margin:0 0 6px!important}.bc-card__head .bc-card__title{margin:0!important;font-size:24px!important;line-height:1.15}.bc-card__plus{display:block;position:absolute;right:18px;top:50%;width:28px;height:28px;margin-top:-14px;border:1.5px solid var(--navy);border-radius:50%}.bc-card__plus::before,.bc-card__plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .25s ease}.bc-card__plus::after{transform:translate(-50%,-50%) rotate(90deg)}.bc-card.is-open .bc-card__plus::after{transform:translate(-50%,-50%) rotate(0)}.bc-card>.bc-card__top>.bc-card__rule,.bc-card>.bc-card__top>.bc-card__body,.bc-card>.bc-card__result,.bc-card>.bc-card__cta{display:none!important}.bc-card.is-open>.bc-card__top>.bc-card__body{display:block!important;margin:0 18px 14px!important}.bc-card.is-open>.bc-card__result{display:block!important;margin:0 18px 14px!important}.bc-card.is-open>.bc-card__cta{display:flex!important;margin:0 18px 18px!important}}
.bc__close-mob{display:none}
@media (max-width:880px){.bc__close-text,.bc__close-logo{display:none!important}.bc__close{padding:22px 20px!important;gap:0!important}.bc__close-mob{display:block;width:100%}.bc__close-mob-title{margin:0 0 14px;font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.15;color:var(--navy)}.bc__close-mob-opts{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}.bc__close-mob-opts li{display:grid;gap:2px;padding:12px 14px;background:var(--white)}.bc__close-mob-opts b{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}.bc__close-mob-opts span{font-family:var(--font-body);font-size:15px;line-height:1.4;color:var(--navy)}.bc__close-mob-msi{margin:0;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--navy)}}
@media (max-width:880px){[data-screen-label="02 El dolor"]{padding-top:32px!important;padding-bottom:36px!important}[data-screen-label="02 El dolor"] .eyebrow-tag{font-size:11px!important;margin-bottom:10px!important}.pain__headline{margin-bottom:22px!important}.pain__headline span{font-size:28px!important;line-height:1.1}.pain__headline span[style*="Instrument Serif"]{font-size:30px!important;display:inline-block;margin-top:4px}.pain-cols{gap:0!important;margin-bottom:24px!important}.pain-col{padding:14px 0!important;border-top:1px solid var(--navy-20,rgba(23,36,63,.2))!important;border-right:0!important}.pain-col:last-child{border-bottom:1px solid var(--navy-20,rgba(23,36,63,.2))!important}.pain-col__title{font-size:17px!important;margin:0 0 4px!important}.pain-col__body{font-size:15px!important;line-height:1.45!important;margin-top:0!important;max-width:none!important}.pain__closing{padding:18px 18px!important}.pain__closing span{font-size:18px!important;line-height:1.35}}
@media (max-width:880px){[data-screen-label="03 Mecanismo"]{padding-top:32px!important;padding-bottom:36px!important}[data-screen-label="03 Mecanismo"] .eyebrow-tag{font-size:11px!important;margin-bottom:10px!important}.mech__kicker{font-size:26px!important;margin-bottom:22px!important}.mech__kicker br{display:none}.mech__kicker>span{display:block!important;margin-bottom:6px}.mech-cols{gap:0!important;margin-bottom:24px!important}.mech-col{padding:14px 0!important;border-top:1px solid rgba(236,233,223,.22)!important;border-right:0!important;border-left:0!important}.mech-col:last-child{border-bottom:1px solid rgba(236,233,223,.22)!important}.mech-col__title{width:auto!important;height:auto!important;font-size:17px!important;line-height:1.2;margin:0 0 4px!important}.mech-col__body{font-size:15px!important;line-height:1.45!important;margin:0!important;max-width:none!important}.mech__closing{padding:18px!important;margin-bottom:28px!important}.mech__closing br{display:none}.mech__closing span{font-size:17px!important}.mech__free{gap:16px!important}.mech__free-copy{font-size:19px!important;line-height:1.35;margin:0!important}.mech__free-cta{width:100%;justify-content:center!important;gap:10px}}
@media (max-width:880px){[data-screen-label="04 Autoridad"]{padding-top:36px!important;padding-bottom:40px!important}[data-screen-label="04 Autoridad"] .eyebrow-tag{font-size:11px!important;margin-bottom:10px!important}.auth__headline,.auth__headline span{width:auto!important;height:auto!important;max-width:100%}.auth__headline span{font-size:26px!important;line-height:1.12}.auth__headline{margin-bottom:20px!important}.auth-grid{gap:0!important}.auth__photo{margin-bottom:20px!important}.auth__body{font-size:15px!important;line-height:1.5!important;padding-top:12px!important;margin-bottom:12px!important}.auth__sig{margin-top:6px!important}.auth__sig-name,.auth__sig-name span{font-size:22px!important}.auth__more-btn{margin-top:12px!important}}
@media (max-width:880px){.auth__photo-mob{aspect-ratio:4/5!important;object-position:50% 20%!important}}
.pain-col__plus{display:none}
@media (max-width:880px){.pain-col__title{position:relative;padding-right:44px!important;cursor:pointer;min-height:28px;display:flex!important;align-items:center;margin:0!important;-webkit-tap-highlight-color:transparent}.pain-col__plus{display:block;position:absolute;right:0;top:50%;width:26px;height:26px;margin-top:-13px;border:1.5px solid var(--navy);border-radius:50%}.pain-col__plus::before,.pain-col__plus::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .25s ease}.pain-col__plus::after{transform:translate(-50%,-50%) rotate(90deg)}.pain-col.is-open .pain-col__plus::after{transform:translate(-50%,-50%) rotate(0)}.pain-col .pain-col__body{display:none!important}.pain-col.is-open .pain-col__body{display:block!important;margin-top:8px!important}}
.mech-col__plus{display:none}
@media (max-width:880px){.mech-col__title{position:relative;padding-right:44px!important;cursor:pointer;min-height:28px;display:flex!important;align-items:center;margin:0!important;-webkit-tap-highlight-color:transparent}.mech-col__plus{display:block;position:absolute;right:0;top:50%;width:26px;height:26px;margin-top:-13px;border:1.5px solid var(--cream);border-radius:50%}.mech-col__plus::before,.mech-col__plus::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--cream);transform:translate(-50%,-50%);transition:transform .25s ease}.mech-col__plus::after{transform:translate(-50%,-50%) rotate(90deg)}.mech-col.is-open .mech-col__plus::after{transform:translate(-50%,-50%) rotate(0)}.mech-col .mech-col__body{display:none!important}.mech-col.is-open .mech-col__body{display:block!important;margin-top:8px!important}}
.footer__icons{display:none}
@media (max-width:880px){.footer__social .footer__datum,.footer__social>a,.footer__social>div:not(.footer__icons){display:none!important}.footer__icons{display:flex;gap:12px;flex-wrap:wrap}.footer__icons .comm__social-btn{width:44px;height:44px;background:var(--cream);color:var(--navy)}.footer__icons .comm__social-btn svg{width:20px;height:20px}}
@media (max-width:880px){.footer__contact{display:none!important}}
@media (max-width:880px){footer .container{padding-top:0!important}footer{padding-top:36px!important;padding-bottom:28px!important}.footer__top{display:flex!important;flex-direction:column;align-items:center;gap:22px!important;text-align:center}.footer__brand{order:1;padding:0!important;border:0!important;height:auto!important}.footer__brand-img{width:auto!important;height:80px!important;margin:0 auto}.footer__social{order:2;padding:0!important;border:0!important}.footer__social .footer__col-label{display:none!important}.footer__icons{justify-content:center;gap:10px}.footer__pages{order:3;display:flex!important;flex-wrap:wrap;justify-content:center;gap:0 4px!important;padding:18px 0 0!important;border-top:1px solid rgba(236,233,223,.18)!important;width:100%}.footer__pages .footer__col-label{display:none!important}.footer__page-link{min-height:44px!important;padding:0 8px!important;border:0!important;font-size:14px!important;display:inline-flex!important;align-items:center}.footer__page-link:not(:last-of-type)::after{content:"·";margin-left:12px;opacity:.5}.footer__legal{display:flex!important;flex-direction:column;align-items:center;gap:0!important;margin-top:14px!important;padding-top:14px!important;text-align:center}.footer__legal-copy{margin:0 0 2px!important;font-size:12px!important}.footer__legal-links{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:0 14px!important}.footer__legal-links a{font-size:12px!important;min-height:44px}}
@media (max-width:880px){footer .footer__pages>.footer__page-link{display:inline-flex!important;width:auto!important;flex:0 0 auto!important;grid-column:auto!important}}
@media (max-width:880px){footer .footer__top .footer__pages{flex-direction:row!important;align-items:center!important}}
@media (max-width:880px){footer .footer__top{height:auto!important}footer .footer__top .footer__pages{gap:0 22px!important;padding-top:10px!important;max-width:300px;margin:0 auto;border-top:0!important}.footer__page-link{padding:0!important;font-size:14px!important;letter-spacing:.02em}.footer__page-link::after{content:none!important}.footer__icons{padding-bottom:18px;border-bottom:1px solid rgba(236,233,223,.18);width:100%}.footer__legal{border-top:1px solid rgba(236,233,223,.18)!important;margin-top:8px!important;padding-top:16px!important}.footer__legal-copy{opacity:.6}.footer__legal-links{gap:0 18px!important}.footer__legal-links a{font-size:12px!important;opacity:.8;min-height:40px!important}}
@media (max-width:880px){.footer__legal-copy{opacity:1!important;color:rgba(236,233,223,.75)!important}.footer__legal-links{gap:0 12px!important;flex-wrap:nowrap!important}.footer__legal-links a{opacity:1!important;color:rgba(236,233,223,.8)!important;font-size:11.5px!important;white-space:nowrap}}
@media (max-width:880px){footer .footer__social{display:none!important}footer .footer__top .footer__pages{padding-top:0!important}}
.auth__lead-rest{display:inline}
@media (max-width:880px){.auth__photo-mob{aspect-ratio:1/1!important;object-position:50% 22%!important}.auth__lead-rest{display:none}.auth-story-open .auth__lead-rest{display:inline}.auth__headline span{font-size:23px!important;line-height:1.15}}
.auth__lead-mob{display:none}
@media (max-width:880px){.auth__lead-mob{display:inline}.auth__lead:not(.auth__lead-mob){display:none}.auth-story-open .auth__lead-mob{display:none}.auth-story-open .auth__lead:not(.auth__lead-mob){display:inline}}
@media (max-width:880px){.auth__lead-mob .auth__lead{display:inline!important}}
@media (max-width:880px){.bc-card__title br{display:none}.bc-card__title em,.bc-card__title b{display:inline!important}.bc-card__head .bc-card__title{font-size:22px!important}}
@media (max-width:880px){.bc-card__head .bc-card__title{font-size:min(7.7vw,34px)!important;white-space:nowrap;line-height:1.1}}
@media (max-width:880px){.bc-card__head{padding-right:50px!important}.bc-card__head .bc-card__title{font-size:min(7.1vw,34px)!important}}
@media (max-width:880px){.bc-card__head .bc-card__title{min-height:0!important;height:auto!important}.bc-card__head{padding-top:16px!important;padding-bottom:16px!important}}
@media (max-width:880px){.crea__static{white-space:nowrap!important;max-width:none!important;font-size:min(5.6vw,22px)!important}.crea__window{--slot:calc((100vw - 48px) / 2);width:100%;height:1.35em!important;margin-top:10px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%)!important}.crea__track{display:flex!important;flex-direction:row!important;transform:translateX(calc(var(--slot) / 2 - (var(--i) + 1) * var(--slot)))!important}.crea__word{flex:0 0 var(--slot);width:var(--slot);text-align:center;height:1.35em!important;line-height:1.35em!important;font-size:26px}}
@media (max-width:880px){.crea__line{width:100%;align-items:center}.crea__window{width:calc(100vw - 48px)!important;max-width:calc(100vw - 48px)!important;flex:none!important;overflow:hidden!important;align-self:center}}
@media (max-width:880px){.crea__lead,.crea__line{width:100%!important;min-width:0}.crea__window{container-type:inline-size;width:100%!important;max-width:100%!important;align-self:stretch!important}.crea__track{transform:translateX(calc(25cqw - (var(--i) + 1) * 50cqw))!important}.crea__word{flex:0 0 50cqw!important;width:50cqw!important}}
@media (max-width:880px){footer{padding-top:32px!important}.footer__top{align-items:stretch!important;text-align:left!important;gap:20px!important}.footer__brand{align-self:flex-start}.footer__brand-img{height:64px!important;margin:0!important}footer .footer__top .footer__pages{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-width:none!important;width:100%;margin:0!important;padding:0!important;border-top:1px solid rgba(236,233,223,.22)!important}footer .footer__pages>.footer__page-link{display:flex!important;width:100%!important;justify-content:space-between;align-items:center;min-height:52px!important;padding:0 2px!important;font-size:16px!important;letter-spacing:0;border-bottom:1px solid rgba(236,233,223,.22)!important;border-top:0!important}footer .footer__pages>.footer__page-link::after{content:"→"!important;margin:0!important;opacity:1!important;color:var(--acid);font-size:16px}.footer__legal{align-items:flex-start!important;text-align:left!important;border-top:0!important;margin-top:18px!important;padding-top:0!important}.footer__legal-links{justify-content:flex-start!important}}
@media (max-width:880px){.v2-nav__brand-link{min-width:44px}.v2-nav__brand-link .v2-nav__logo-img{display:block!important;width:auto!important;height:44px!important}}
.mob-sticky{display:none}
@media (max-width:880px){main{display:flex;flex-direction:column}main>*{order:10}main>[data-screen-label="01 Hero"]{order:1}main>[data-screen-label="02 El dolor"]{order:2}main>[data-screen-label="05b Test"]{order:3}main>[data-screen-label="03 Mecanismo"]{order:4}main>[data-screen-label="05 Bootcamps"]{order:5}main>[data-screen-label="04 Autoridad"]{order:6}main>[data-screen-label="04b Prueba"]{order:7}main>[data-screen-label="06 Workbook"]{order:8}main>[data-screen-label="FAQ"]{order:9}main>[data-screen-label="Home · Formas de crear"]{order:10;border-bottom:1px solid rgba(236,233,223,.14)}main>[data-screen-label="07 Recursos"]{display:none}main>[data-screen-label="08 Comunidad"]{order:11}main>[data-screen-label="Footer"]{order:12}
.mob-sticky{display:flex;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 20px;background:var(--acid);color:var(--navy);font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;box-shadow:0 8px 24px rgba(23,36,63,.28);transform:translateY(140%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease}.mob-sticky.is-on{transform:none;opacity:1;pointer-events:auto}.mob-sticky:hover{color:var(--navy);opacity:1}
.res-card__link{min-height:44px!important}.nl__disclaimer a{display:inline-flex;align-items:center;min-height:44px}.comm-form__field>span{font-size:12px!important}
#hero.v2-hero{min-height:0!important;height:85svh!important;max-height:720px}}
@media (max-width:880px){[data-screen-label="FAQ"] .sec__headline span{font-size:28px!important;line-height:1.1}[data-screen-label="05 Bootcamps"]{padding-top:36px!important;padding-bottom:36px!important}[data-screen-label="FAQ"]{padding-top:36px!important;padding-bottom:36px!important}[data-screen-label="07 Recursos"]{border-top:1px solid rgba(23,36,63,.14)}.faq-cta{display:none!important}.lm__btn{min-height:48px!important}}
@media (max-width:880px){[data-screen-label="FAQ"]{background:var(--white)!important}[data-screen-label="07 Recursos"]{border-top:0!important}}
.v2-hero__cta--mob{display:none!important}
@media (max-width:880px){.v2-hero__cta:not(.v2-hero__cta--mob){display:none!important}.v2-hero__cta--mob{display:flex!important}
[data-screen-label="Home · Formas de crear"]{background:var(--blue-light)!important;border-bottom:0!important}[data-screen-label="Home · Formas de crear"] .crea__static{color:var(--navy)!important}[data-screen-label="Home · Formas de crear"] .crea__kicker{color:var(--navy)!important;opacity:.75}[data-screen-label="Home · Formas de crear"] .crea__word{color:rgba(23,36,63,.28)!important}[data-screen-label="Home · Formas de crear"] .crea__word.is-on{color:var(--navy)!important}
.mech__free{display:none!important}[data-screen-label="03 Mecanismo"] .mech__closing{margin-bottom:0!important}
#recursos .res-grid .res-card{position:relative}.res-card__link::before{content:"";position:absolute;inset:0;z-index:1}.res-card__link{position:static}
html{scroll-padding-bottom:84px}[data-screen-label="04 Autoridad"]{padding-bottom:84px!important}}
.quiz__q1,.bc-all-link,.nl__gift,.mob-progress{display:none}
@media (max-width:880px){
.quiz__q1{display:block;margin:18px 0 0;text-align:left}.quiz__q1-title{margin:0 0 10px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}.quiz__q1-opts{display:grid;gap:8px}.quiz__q1-opts a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border:1px solid rgba(236,233,223,.45);color:var(--cream);font-family:var(--font-body);font-size:15px;text-decoration:none}.quiz__q1-opts a::after{content:"→";color:var(--acid)}.quiz__q1-opts a:active{background:rgba(236,233,223,.12)}.quiz__btn{display:none!important}
.bc-all-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:14px 0 22px;border:1.5px solid var(--navy);color:var(--navy);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.nl__gift{display:block;margin:0 0 14px;padding:12px 14px;background:var(--navy);color:var(--cream);font-family:var(--font-body);font-size:14px;line-height:1.45}.nl__gift b{color:var(--acid)}
main>[data-screen-label="07 Recursos"]{order:11}main>[data-screen-label="Footer"],main>footer{order:12}
.mob-progress{display:block;position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--acid);z-index:200;pointer-events:none}
.auth__photo-mob{aspect-ratio:3/2!important;object-position:50% 25%!important}}
@media (max-width:880px){main>[data-screen-label="06 Workbook"]{display:none!important}}
@media (max-width:880px){#recursos .res-grid{display:flex!important;flex-direction:row!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 -24px!important;padding:0 24px 6px!important;scroll-padding:0 24px;scrollbar-width:none}#recursos .res-grid::-webkit-scrollbar{display:none}#recursos .res-grid .res-card{flex:0 0 78%!important;scroll-snap-align:start;display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;gap:0!important;padding:0!important}#recursos .res-card__media{width:100%!important;height:auto!important;aspect-ratio:16/10}#recursos .res-card__media .photo,#recursos .res-card__media image-slot,#recursos .res-card__media img{width:100%!important;height:100%!important;min-height:0!important}#recursos .res-card__inner{padding:14px 16px 12px!important;gap:6px;flex:1;display:flex!important;flex-direction:column}#recursos .res-card__title{font-size:16px!important}#recursos .res-card__link{margin-top:auto}}
@media (max-width:880px){main>[data-screen-label="07 Recursos"]{order:10!important}main>[data-screen-label="08 Comunidad"]{order:11!important}main>[data-screen-label="Footer"],main>footer{order:12!important}}
@media (max-width:880px){#recursos .res-card__media{aspect-ratio:2/1!important}}
@media (max-width:880px){[data-screen-label="04 Autoridad"] .auth__body{display:none!important}[data-screen-label="04 Autoridad"] .auth-story-open .auth__body{display:block!important}.auth__lead-mob{display:none!important}.auth__lead:not(.auth__lead-mob){display:inline!important}.auth__lead-rest{display:inline!important}.auth__more{grid-template-rows:1fr!important}.auth__sig{margin-top:0!important}.auth__more-btn{margin-top:14px!important}}
@media (max-width:880px){[data-screen-label="08 Comunidad"] .nl__title+.v2-hero__eyebrow{display:none!important}[data-screen-label="08 Comunidad"] .nl__lede{display:none!important}[data-screen-label="08 Comunidad"] .nl__title{margin-bottom:14px!important}.nl-grid--v2{gap:18px!important}.comm-form-v2__follow{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;margin:0!important;padding:0!important}.comm__follow{margin:0!important}.comm-form-v2__follow .comm__socials{gap:8px!important}.comm-form-v2__follow .comm__social-btn{width:40px!important;height:40px!important}.comm-form-v2__follow .comm__social-btn svg{width:18px!important;height:18px!important}.comm-form__field{gap:4px!important}.comm-form-v2__fields{gap:10px!important}.nl__disclaimer{font-size:12px!important;line-height:1.4!important}}
@media (max-width:880px){.comm-form-v2__follow{gap:10px!important}.comm-form-v2__follow .comm__socials{gap:6px!important}.comm-form-v2__follow .comm__social-btn{width:38px!important;height:38px!important}.comm__follow{font-size:11px!important}}
@media (max-width:880px){.comm-form-v2__follow{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-top:22px!important}}
.nl__disc-short{display:none}
@media (max-width:880px){.nl__disc-full{display:none}.nl__disc-short{display:inline}.nl__disclaimer{font-size:12px!important;text-align:center;margin-top:2px!important}.nl__disclaimer a{min-height:36px!important}}
@media (max-width:880px){.nl__gift b{display:block}}
@media (max-width:880px){.bc__close{padding:26px 22px 22px!important}.bc__close-mob-title{font-family:"Instrument Serif",Canela,"Cormorant Garamond",Georgia,serif!important;font-style:italic;font-weight:400!important;font-size:30px!important;line-height:1.05!important;letter-spacing:-.01em;margin:0 0 16px!important}.bc__close-mob-opts{gap:0!important;margin:0 0 16px!important;border-top:1px solid var(--navy)}.bc__close-mob-opts li{background:transparent!important;padding:14px 0!important;border-bottom:1px solid var(--navy);grid-template-columns:30px minmax(0,1fr);column-gap:10px;row-gap:3px!important;counter-increment:bcopt}.bc__close-mob-opts{counter-reset:bcopt}.bc__close-mob-opts li::before{content:"0" counter(bcopt);grid-row:1/3;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:22px;line-height:1;color:var(--navy)}.bc__close-mob-opts b{grid-column:2;font-size:12px!important;letter-spacing:.14em!important}.bc__close-mob-opts span{grid-column:2;font-size:15px!important;line-height:1.35!important}.bc__close-mob-msi{display:inline-block;font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--navy);color:var(--acid)!important;padding:6px 10px}}
@media (max-width:880px){.bc__close-mob .bracket-corner{border-color:var(--navy)!important}}