/* ND1 Consulting y ND1 VIP: el sistema Air de la landing (air.css) + los bloques de oferta.
   Mismas reglas: superficies planas, haze con tinta oscura, champagne solo para compra y énfasis.
   Revisado el 13/10 con auditoría de copy, conversión, accesibilidad y viewports 320–1440. */

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kicker-gold{color:var(--gold);font-size:13px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}

/* Navegación: logo, selector Consulting/VIP, secciones y compra. */
.island-logo{display:inline-flex;align-items:center;min-height:44px}.island-logo img{width:56px;height:auto}
.svc-switch{display:inline-flex;padding:3px;border:1px solid var(--hair);border-radius:var(--radius-pills);gap:2px;flex-shrink:0}
.svc-switch a{display:inline-flex;align-items:center;min-height:36px;font-size:13px;line-height:1;padding:0 14px;border-radius:var(--radius-pills);color:var(--t2)}
.svc-switch a:hover{color:var(--t1)}
.svc-switch a[aria-current=page]{background:var(--color-haze);color:var(--bg)}

/* Hero: misma escena de vidrio, prueba arriba, copy de oferta y franja de hechos. */
.svc .hero{min-height:min(100svh,980px)}
.svc .hero-layout{padding-top:128px;padding-bottom:40px;gap:24px}
.svc .hcopy h1{font-size:64px;line-height:1;letter-spacing:-.045em}
.svc .hcopy p.lead{max-width:640px;font-size:18px;line-height:1.5}
.svc .authority{margin:0}
.svc .authority-link{border:1px solid var(--hair);padding:6px 14px 6px 10px}
.svc .authority-members{display:block}
.proof-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--gold);color:var(--bg);font-size:12px;font-weight:600;letter-spacing:-.02em}
.svc-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:6px 12px 6px 6px;border:1px solid var(--hair);border-radius:var(--radius-pills);font-size:13px;line-height:1.5;color:var(--t1);background:#08080bcc;white-space:nowrap}
.svc-tag b{background:var(--gold);color:var(--bg);border-radius:var(--radius-pills);padding:2px 10px;font-weight:600;letter-spacing:.02em}
.svc-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:32px}
.svc-actions .pill{min-width:280px;min-height:52px;font-size:16px}
.svc-actions .price-line{font-size:14px;color:var(--t1);margin-top:4px}
.svc-actions .price-line b{color:var(--gold)}
.cta-note{font-size:13px;line-height:1.5;color:var(--t2);max-width:420px}
.svc-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1150px,100%);margin:24px auto 0;background:#08080bd9;border:1px solid var(--hair);border-radius:var(--radius-cards)}
.svc-facts>div{padding:20px;border-right:1px solid var(--hair);min-width:0}
.svc-facts>div:last-child{border-right:0}
.svc-facts strong{display:block;font-size:32px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.svc-facts span{display:block;font-size:13px;line-height:1.5;color:var(--t2);margin-top:6px;overflow-wrap:anywhere;hyphens:auto}
.svc-facts .gold{color:var(--gold)}

/* Encabezado de sección: kicker + titular + bajada, centrados como en Air. */
.svc-head{text-align:center;max-width:960px;margin:0 auto}
.svc-head .kk{color:var(--gold);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.svc-head h2{max-width:900px;margin:0 auto}
.svc-head .sub{margin:24px auto 0}
.svc :is(.svc-head,.rechead,.hist) h2 .it{font:500 1.2em/1 var(--font-control-cursive);color:var(--gold);letter-spacing:-.03em}

/* La semana: el titular monumental de la landing. */
.svc .week-heading h2>.it{font-size:clamp(72px,12vw,184px);max-width:1150px;margin-bottom:40px}
.svc .week-day{display:flex;justify-content:space-between;gap:12px}
.svc .week-day b{font-weight:500}

/* Para quién es: + y − de la landing, con ✓ dorado. */
.fit .quien .h{font-size:13px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--t2);margin-bottom:16px}
.fit .quien li{font-size:18px;color:var(--t1);letter-spacing:-.01em}
.fit .quien .si li:before{content:'✓';color:var(--gold)}
.fit .quien .no li{color:var(--t2)}
.fit .quien li a,.faq .fb a,.case-note a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}

/* VIP: tarjetas haze; la del 1:1 en champagne. */
.svc-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.svc-bento>div{background:var(--color-haze);color:var(--bg);border-radius:var(--radius-cards);padding:var(--card-padding);display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:248px;min-width:0}
.svc-bento .lead-card{grid-row:span 2}
.svc-bento .big{font-size:clamp(72px,8vw,120px);line-height:.9;letter-spacing:-.05em}
.svc-bento .label{font-size:13px;color:var(--light-copy)}
.svc-bento .t{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.svc-bento .t h3{font:inherit;letter-spacing:inherit;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.svc-bento small{display:block;font-size:16px;font-weight:400;line-height:1.5;color:var(--light-copy);margin-top:8px}
.svc-bento svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4}
.svc-bento .vip-card{background:var(--gold)}
.svc-bento .vip-card small,.svc-bento .vip-card .label{color:#3b3320}
.chip{display:inline-flex;align-items:center;width:max-content;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pills);background:var(--bg);color:var(--gold)}

/* Qué te llevás: dos cursos y cuatro recursos numerados. */
.courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.course{background:var(--color-haze);color:var(--bg);border-radius:var(--radius-cards);padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.course .meta{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--light-copy)}
.course h3{font-size:32px;line-height:1.1;letter-spacing:-.04em}
.course p{font-size:16px;font-weight:400;line-height:1.5;color:var(--light-copy)}
.course ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.course li{font-size:13px;border:1px solid #08080b33;border-radius:var(--radius-pills);padding:4px 12px}
.res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.res{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;align-content:start;background:var(--color-haze);color:var(--bg);border-radius:var(--radius-cards);padding:24px;min-width:0}
.res .num{grid-row:span 3;font-size:56px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.res h3{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.res p{font-size:16px;font-weight:400;line-height:1.5;color:var(--light-copy)}
.res .stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.res .stack span{font-size:12px;background:var(--bg);color:var(--t1);border-radius:6px;padding:3px 8px}
.bonus{max-width:880px;margin:48px auto 0;border:1px solid var(--hair);border-radius:var(--radius-xl);padding:8px 28px;background:#08080bd9}
.bonus .bonus-k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:20px 0 12px}
.bonus ul{list-style:none}
.bonus li{display:flex;gap:16px;align-items:baseline;padding:16px 0;border-top:1px solid var(--hair);font-size:18px;line-height:1.4;letter-spacing:-.01em}
.bonus li:before{content:'';width:10px;height:10px;flex-shrink:0;background:var(--gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);transform:translateY(-1px)}

/* Casos y caso Andrea. */
.cases-sub{max-width:680px;margin:24px auto 0;text-align:center}
.case-frame{background:#1b1c1a;display:grid;place-items:center;padding:24px}
.case-frame img{width:min(100%,428px)!important;height:auto;max-height:none;aspect-ratio:498/652!important;object-fit:contain!important;border-radius:8px}
#caso .nums .num{font-size:44px}
.case-note{margin-top:20px}

/* Inversión: resumen crema + detalle oscuro, como el checkout de la landing. */
#inversion,#planes{background:var(--bg) url('../assets/hero/nd1-air-glass-v2.webp') center/cover no-repeat;isolation:isolate;padding-top:80px;padding-bottom:80px}
#inversion:before,#planes:before{content:'';position:absolute;inset:0;z-index:-1;background:#08080bc7}
.price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);max-width:1000px;margin:48px auto 0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--hair)}
.price-sum{background:var(--color-whiteout);color:var(--bg);padding:32px;display:flex;flex-direction:column;gap:16px}
.price-sum .name{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.02em}
.price-sum .name img{width:48px;height:auto}
.price-sum .amount{font-size:clamp(56px,6vw,88px);line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.price-sum .cond{font-size:16px;color:var(--light-copy)}
.price-sum .daily{margin-top:auto;padding-top:20px;border-top:1px solid #08080b26;font-size:16px;color:var(--light-copy)}
.price-sum .daily b{display:block;font-size:24px;line-height:1.2;letter-spacing:-.03em;color:var(--bg)}
.price-det{background:var(--bg);padding:32px;display:flex;flex-direction:column;gap:20px}
.price-det .h{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.price-det ul{list-style:none}
.price-det li{display:flex;gap:12px;font-size:16px;font-weight:400;line-height:1.5;color:var(--t2);padding:10px 0;border-top:1px solid var(--hair)}
.price-det li:before{content:'+';color:var(--gold);flex-shrink:0}
.price-det li b{color:var(--t1)}
.price-det .pill{margin-top:auto;min-height:52px}
.price-note{font-size:13px;line-height:1.5;color:var(--t2);text-align:center}
.price-note a{color:var(--gold);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}

/* VIP: tres planes; el de 6 meses lleva el borde champagne. */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1150px;margin:48px auto 0}
.plan{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--color-haze);color:var(--bg);border-radius:var(--radius-cards);padding:24px;min-width:0;border:2px solid transparent}
.plan.featured{border-color:var(--gold);background:var(--color-whiteout)}
.plan .flag{position:absolute;top:-13px;left:24px;background:var(--gold);color:var(--bg);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-pills)}
.plan .dur{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0;color:var(--light-copy)}
.plan .dur b{color:var(--bg);font-size:20px;letter-spacing:-.02em}
.plan .amount{font-size:clamp(48px,5vw,64px);line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.plan .cond{font-size:14px;color:var(--light-copy)}
.plan .or{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--light-copy)}
.plan .or:before,.plan .or:after{content:'';flex:1;height:1px;background:#08080b26}
.plan .split{font-size:20px;letter-spacing:-.02em}
.plan .split small{display:block;font-size:14px;color:var(--light-copy);letter-spacing:0;margin-top:2px}
.plan .per{font-size:13px;color:var(--light-copy);padding-top:12px;border-top:1px solid #08080b26;margin-top:4px}
.plan .pill{margin-top:auto;border-color:var(--bg)}
.plan .pill.club-l{border-color:var(--gold)}
.plan .pill:focus-visible,.plan .pill.club-l:focus-visible{outline:2px solid var(--bg);outline-offset:3px}
.plans-note{max-width:760px;margin:24px auto 0}

/* Puente entre las dos páginas. */
.cross{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1000px;margin:32px auto 0;padding:24px 28px;border:1px solid var(--hair);border-radius:var(--radius-xl);background:#08080be6}
.cross p{font-size:20px;line-height:1.4;letter-spacing:-.02em}
.cross p span{display:block;font-size:16px;font-weight:400;letter-spacing:0;color:var(--t2);margin-top:4px}
.cross a{flex-shrink:0;min-height:48px;display:inline-flex;align-items:center;gap:8px;color:var(--gold);text-decoration:underline;text-underline-offset:6px}

/* Comparación Consulting / VIP. */
.cmp-wrap{max-width:1000px;margin:48px auto 0;overflow-x:auto;border:1px solid var(--hair);border-radius:var(--radius-xl);background:#08080be6}
.cmp{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4;min-width:560px}
.cmp th,.cmp td{padding:14px 20px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.cmp thead th{font-size:13px;font-weight:500;color:var(--t2);letter-spacing:.06em;text-transform:uppercase;background:var(--bg)}
.cmp thead th:first-child{width:46%}
.cmp thead th.on{color:var(--gold)}
.cmp tbody th{font-weight:400;color:var(--t2)}
.cmp td{font-weight:500}
.cmp td.on{background:#e6ce890f}
.cmp .y{color:var(--gold)}
.cmp .n{color:#b8b6afb3}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp-note{margin-top:20px}

/* Cierre y pie. */
.svc .final h2{font-size:clamp(56px,9vw,128px)}
.svc .closing-plan p{font-size:28px}
.svc .final .pill{min-width:280px;min-height:52px}
.final-note{margin:16px auto 0;text-align:center}
.svc footer{flex-wrap:wrap}
.svc footer nav{display:flex;flex-wrap:wrap;gap:0 20px}
.footer-brand{display:inline-flex;align-items:center;gap:10px}
.footer-brand img{width:40px;height:auto}
.footer-legal{flex-basis:100%;font-size:13px;color:var(--t2)}

@media(max-width:1150px){.svc .hcopy h1{font-size:56px}.island .nv{gap:16px}.island .nv a{font-size:13px}}
@media(max-width:1020px) and (min-width:901px){.island .nv a:nth-child(n+4){display:none}}
@media(max-width:900px){
 .island-logo,.svc-switch{display:none}
 .svc .hero-layout{padding-top:24px}
 .svc .hcopy h1{font-size:44px}
 .svc-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .svc-facts>div:nth-child(2){border-right:0}
 .svc-facts>div:nth-child(-n+2){border-bottom:1px solid var(--hair)}
 .svc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .svc-bento .lead-card{grid-column:1/-1;grid-row:auto;min-height:0}
 .courses,.res-grid{grid-template-columns:1fr}
 .price{grid-template-columns:1fr}
 .plans{grid-template-columns:1fr;max-width:560px;gap:32px}
 .cross{flex-direction:column;align-items:flex-start}
 #caso .nums .num{font-size:32px}
 .svc footer{padding-bottom:112px;flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
 .svc .hcopy h1{font-size:38px;line-height:1.04}
 .svc .hcopy p.lead{font-size:16px}
 .svc-tag{font-size:12px;margin-bottom:16px}
 .proof-mark{width:28px;height:28px;font-size:11px}
 .svc-actions{align-self:stretch}.svc-actions .pill{min-width:0;width:100%}
 .svc-facts strong{font-size:26px}.svc-facts>div{padding:16px}
 .svc .week-heading h2>.it{font-size:16vw;margin-left:0;margin-right:0}
 .fit .quien{grid-template-columns:1fr;gap:32px}.fit .quien li{font-size:16px}
 .svc-bento{grid-template-columns:1fr;margin-top:32px}
 .svc-bento>div{min-height:0}
 .course h3{font-size:28px}
 .res{grid-template-columns:1fr}.res .num{grid-row:auto;font-size:40px}
 .bonus{padding:4px 20px}.bonus li{font-size:16px}
 .case-frame{padding:16px}.case-frame img{width:min(100%,351px)!important}
 #caso .nums .num{font-size:28px}
 .price-sum,.price-det{padding:24px}
 .cmp{min-width:0;table-layout:fixed}
 .cmp th,.cmp td{padding:12px 8px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
 .cmp tbody th{padding-left:14px}
 .cmp thead th{text-transform:none;letter-spacing:0;font-size:12px;overflow-wrap:normal}
 .svc .closing-plan p{font-size:24px}
 .svc .final .pill{min-width:0;width:100%}
}
@media(max-width:600px){
 .svc .hcopy{min-width:0;max-width:100%}
 .svc-tag{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;border-radius:16px;padding:6px 12px}
 .svc .hcopy h1 .air-script{font-size:1.1em}
}
@media(max-width:360px){.svc .hcopy h1{font-size:32px}}

/* Keep the original Air stage; controls and text stay calm over its movement. */
.scene-controls{display:none!important}
.svc-actions .pill,.island .pill{transition:background .2s ease,border-color .2s ease,transform .2s ease}.svc-actions .pill:hover{transform:translateY(-2px)}.svc-actions .pill:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.svc-actions .pill,.island .pill{transition:none}.svc-actions .pill:hover{transform:none}}
