/* ENFFORMA PRO · landings de valoración (Individual, DuoFit, Adulto mayor, Online) · v5.1-r2 (7 oct. 2026)
   Rediseño visual del 28 oct. 2026 al final del archivo (mismo sistema que ENFFORMA Empresas). */
:root{color-scheme:dark;--bg:#0f1921;--bg2:#16202e;--ink:#0a1117;--az:#1a2638;--line:rgba(255,255,255,.12);--txt:#f0f4f5;--mut:#9fb3b9;--tx2:#b8c8cc;--vd:#338f76;--btn:#2b7a65;--btnh:#236b58;--mint:#7fd9bf;--claro:#eef3f2;--tinta:#13202b;--tinta2:#475a63;--lc:#d3dedc;--err:#ff9a8a;--errbg:rgba(255,120,100,.1);--warn:#f2c46d;--r:18px;--r2:28px;--r3:12px;
--ease:cubic-bezier(.23,1,.32,1);--sora:'Sora',system-ui,sans-serif;--mont:'Montserrat',system-ui,sans-serif}
*{box-sizing:border-box}
/* El prototipo heredaba esta regla del contenedor del artefacto: sin ella .fail, .err y otros bloques con [hidden] se ven */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--mont);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
h1,h2,h3{font-family:var(--sora);font-weight:800;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- página del cliente ---------- */
.wrap{width:min(1180px,100%);margin-inline:auto;padding-inline:20px}
.nav{position:sticky;top:var(--prueba-h,0px);z-index:30;background:rgba(15,25,33,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:58px}
.nav img{height:26px;width:auto}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn);color:#fff;border:0;border-radius:99px;padding:14px 26px;font:700 15px var(--sora);text-decoration:none;cursor:pointer;min-height:48px;transition:background-color .16s ease,transform .16s var(--ease)}
.pill:hover{background:var(--btnh)}
.pill:active{transform:scale(.97)}
.pill.sm{padding:10px 18px;min-height:40px;font-size:14px}
.pill.ghost{background:transparent;border:1.5px solid var(--line);color:var(--txt)}
.pill.ghost:hover{background:rgba(255,255,255,.07)}
.pill[disabled]{opacity:.55;cursor:not-allowed}
.eyebrow{display:flex;align-items:center;gap:10px;font:700 11.5px var(--mont);letter-spacing:.16em;text-transform:uppercase;color:var(--tx2)}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--mint)}
h1 em,h2 em{font-style:normal;color:var(--mint)}
/* hero */
.hero{position:relative;overflow:hidden}
.hero .ph{position:relative;aspect-ratio:var(--ar,4/4.3);max-height:62vh;width:100%}
.hero .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%)}
.hero .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(15,25,33,0) 14%)}
.hero .tx{position:relative;margin-top:0;padding:26px 0 44px;display:grid;gap:18px;z-index:2}
.hero h1{font-size:clamp(38px,10.4vw,72px)}
.hero .sub{color:var(--tx2);max-width:34em}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero small{color:var(--mut);font-size:13px}
.hero .ph img{animation:hin .9s var(--ease) both}
@keyframes hin{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@media(min-width:900px){
 .hero{min-height:720px;display:grid;align-items:center}
 /* La foto empieza después de la columna de texto (inicio del .wrap + 20 px + ancho del texto + 40 px), o en --hl si
    eso deja más sitio: así el texto no queda encima de la foto entre 900 y 1100 px ni por encima de 1600 px
    (corrección del borrador #14, 18 oct. 2026, incorporada al rediseño del 28 oct.). */
 .hero .ph{position:absolute;inset:0 0 0 max(var(--hl,38%),calc(max(0px,(100vw - 1180px)/2) + 20px + var(--txw,480px) + 40px));aspect-ratio:auto;max-height:none;width:auto;border-radius:0 0 0 var(--r2);overflow:hidden}
 .hero .ph:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(15,25,33,0) 5%)}
 .hero .tx{margin:0;padding:96px 0;max-width:var(--txw,480px)}
 .hero h1{font-size:clamp(44px,4.1vw,58px)}
 .hero.duo .tx{max-width:var(--txw)}
 .hero.ind .ph img{object-position:62% 50%}
}

@media(min-width:900px){.hero{min-height:640px}.hero.duo{min-height:600px}.hero.duo .tx{margin:0;padding:64px 0}}
.after{display:grid;gap:14px}
.after h3{font-size:20px}
.after p{color:var(--mut);font-size:13.5px}
/* franja clara */
.light{background:var(--claro);color:var(--tinta)}
.light .eyebrow{color:var(--tinta2)}.light .eyebrow:before{background:var(--vd)}
.light h2 em{color:#1f6b57}
.sec{padding-block:72px}
.split{display:grid;gap:36px;align-items:center}
.split .im{border-radius:var(--r2);overflow:hidden;position:relative}
.split .im img{width:100%;height:100%;object-fit:cover;aspect-ratio:5/4}
.split h2{font-size:clamp(28px,6.4vw,44px)}
.split .lead{margin-top:14px;max-width:34em;color:var(--tinta2)}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:72px}.split.rev .im{order:2}.split .im img{aspect-ratio:4/4.4}}
.split .im.tall img{aspect-ratio:4/5;object-position:50% 30%}
@media(min-width:900px){.split .im.tall img{aspect-ratio:4/5}}
.steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;position:relative}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:22px;position:relative}
.steps li:before{content:"";position:absolute;left:21px;top:44px;bottom:2px;width:2px;background:var(--lc)}
.steps li:last-child:before{display:none}
.steps b{width:44px;height:44px;border-radius:50%;background:var(--tinta);color:#fff;display:grid;place-items:center;font:800 16px var(--sora)}
.steps strong{display:block;font:700 16px var(--sora)}
.steps span{color:var(--tinta2);font-size:15px}
.light .note{margin-top:8px;font-size:13px;color:var(--tinta2)}
/* foto a sangre */
.bleed{position:relative;min-height:440px;display:grid;align-items:end;overflow:hidden;background:var(--ink)}
.bleed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 35%)}
.bleed:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,17,23,.94) 0%,rgba(10,17,23,.62) 42%,rgba(10,17,23,0) 100%)}
.bleed .wrap{position:relative;z-index:2;padding-block:40px}
.bleed h2{font-size:clamp(28px,6.4vw,52px);max-width:15em}
.bleed p{margin-top:12px;color:var(--tx2);max-width:34em}
@media(min-width:900px){.bleed{min-height:560px}}
/* lista tipográfica (sin tarjetas) */
.pts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.pts li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--line)}
.pts li:last-child{border-bottom:1px solid var(--line)}
.pts .n{font:800 28px var(--sora);color:var(--mint);line-height:1;min-width:42px}
.pts strong{display:block;font:700 17px var(--sora);margin-bottom:4px}
.pts span{color:var(--tx2);font-size:15px}
.dark2{background:var(--bg2)}
.dark2 .im{border-radius:var(--r2);overflow:hidden}
.dark2 .im img{width:100%;aspect-ratio:5/4;object-fit:cover}
/* equipo */
.team{position:relative;padding-block:56px 64px}
.team .im{border-radius:var(--r2);overflow:hidden;aspect-ratio:2.3/1}
.team .im img{width:100%;height:100%;object-fit:cover;object-position:50% 100%}
@media(min-width:900px){.team .im{aspect-ratio:2.7/1}}
.team .cap{margin-top:28px;max-width:640px}
.team h2{font-size:clamp(26px,6vw,40px)}
.team p{margin-top:10px;color:var(--tx2)}
.fixed{margin:0;min-height:48px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:var(--r3);color:var(--tx2);background:rgba(255,255,255,.03)}
/* empatía y camino */
.emp{padding-block:56px 8px;background:var(--bg)}
.emp .wrap{display:grid;gap:10px}
:where(.emp .wrap)>*{max-width:720px}
.emp h2{font-size:clamp(26px,5.6vw,40px)}
.emp p{color:var(--tx2);max-width:36em}
.emp .lead2{font:600 15px var(--mont);color:var(--mint)}
.split .im.wide img{aspect-ratio:3/2;object-position:50% 50%}
.dark2 .im.wide img{aspect-ratio:3/2}
.light .more2{margin-top:6px}
.plan{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:6px;font-size:14px;color:var(--tx2)}
.plan a{color:var(--mint);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.priceref{border:1px solid var(--line);border-radius:var(--r3);padding:12px 14px;font-size:14px;color:var(--tx2);display:grid;gap:4px}
.priceref b{color:var(--txt)}
footer .links{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px}
.chk .sub{display:block;margin-top:4px;color:var(--mut);font-size:13px}
/* reveal */
.js .rv-in{opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .rv-in.on{opacity:1;transform:none}
.js .rv-in.on:nth-child(2){transition-delay:50ms}.js .rv-in.on:nth-child(3){transition-delay:100ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .ph img{animation:none}.js .rv-in{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* ---------- valoración (recorrido) ---------- */
.val{background:var(--ink);padding-block:72px;scroll-margin-top:calc(58px + var(--prueba-h,0px))}
.val .hd{display:grid;gap:10px;margin-bottom:28px;max-width:34em}
.val .hd h2{font-size:clamp(28px,6.4vw,46px)}
.val .hd p{color:var(--tx2)}
.val .grid{display:grid;gap:28px}
.val .side{display:none}
@media(min-width:960px){.val .grid{grid-template-columns:5fr 7fr;gap:56px;align-items:start}.val .side{display:block;position:sticky;top:calc(80px + var(--prueba-h,0px))}.val .side img{width:100%;aspect-ratio:4/4.6;object-fit:cover}.val .side p{margin-top:14px;color:var(--mut);font-size:13.5px}}
.form{background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);padding:22px 18px 24px;position:relative}
@media(min-width:600px){.form{padding:32px 32px 34px}}
.prog{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px;list-style:none;padding:0}
.prog li{font:600 11.5px var(--mont);color:var(--mut);display:grid;gap:7px;letter-spacing:.02em}
.prog li:before{content:"";height:4px;border-radius:4px;background:rgba(255,255,255,.14);transform-origin:left;transition:background-color .3s var(--ease)}
.prog li.on{color:var(--txt)}.prog li.on:before,.prog li.done:before{background:var(--mint)}
.prog li.done{color:var(--tx2)}
.prog li span{display:none}
@media(min-width:520px){.prog li span{display:inline}}
.st{display:none}
.st.on{display:grid;gap:16px;animation:stin .26s var(--ease) both}
@keyframes stin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.st h3{font-size:22px}
.st .hint{color:var(--mut);font-size:14px;margin-top:-6px}
.f{display:grid;gap:7px}
.f>label,.f>.lb{font:600 13.5px var(--mont);color:var(--tx2)}
.f .opt{color:var(--mut);font-weight:400}
.in,select.in,textarea.in{width:100%;background:var(--bg2);border:1.5px solid var(--line);border-radius:var(--r3);padding:13px 14px;min-height:50px;font-size:16px;color:var(--txt);transition:border-color .16s ease,background-color .16s ease}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--mut) 50%),linear-gradient(135deg,var(--mut) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.in::placeholder{color:#7d9199}
.in:focus{border-color:var(--mint);outline:0;background:#1a2738}
.in[aria-invalid=true]{border-color:var(--err);background:var(--errbg)}
.row{display:grid;gap:14px}
@media(min-width:560px){.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:1fr 1fr 1.2fr}.row.wa{grid-template-columns:150px 1fr}}
.row.wa{grid-template-columns:128px 1fr}
[data-birth] .row{grid-template-columns:1fr 1.5fr 1.1fr;gap:8px}
[data-birth] .in{padding-inline:10px;padding-right:28px}
.err{color:var(--err);font-size:13.5px;font-weight:600;display:flex;gap:7px;align-items:flex-start}
.err:before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:var(--err);color:#0f1921;display:grid;place-items:center;font:800 12px var(--sora);margin-top:1px}
.err[hidden]{display:none}
.chk{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14px;color:var(--tx2);cursor:pointer;padding:14px;border:1.5px solid var(--line);border-radius:var(--r3);transition:border-color .16s ease}
.chk input{width:22px;height:22px;accent-color:var(--vd);margin:1px 0 0}
.chk.bad{border-color:var(--err);background:var(--errbg)}
.chk.mini{border:0;padding:0;font-size:13.5px}
.fx{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:6px;flex-wrap:wrap}
.fx .back{background:none;border:0;color:var(--tx2);font:600 14px var(--mont);cursor:pointer;padding:10px 4px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.chipmod{display:inline-flex;align-items:center;gap:8px;background:rgba(127,217,191,.1);border:1px solid rgba(127,217,191,.35);color:var(--mint);padding:8px 14px;border-radius:99px;font:600 13px var(--mont);width:max-content;max-width:100%}
/* dúo: dos personas */
.two{display:grid;gap:14px}
.pers{border-top:2px solid var(--mint);padding-top:14px;display:grid;gap:14px}
.pers.p2{border-color:var(--vd)}
.pers h4{margin:0;font:800 14px var(--sora);letter-spacing:.06em;text-transform:uppercase;color:var(--mint)}
@media(min-width:760px){.two{grid-template-columns:1fr 1fr;gap:26px}}
/* fechas y horas */

/* Los radios ocultos de días y horas son absolutos: sin un ancestro posicionado escapaban de la fila
   desplazable y ensanchaban la página en el celular (el navegador se alejaba). */
.days label,.slots label{position:relative}
.days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.days label{flex:none;scroll-snap-align:start}
.days input,.slots input{position:absolute;opacity:0;width:1px;height:1px}
.dchip{display:grid;place-items:center;gap:0;min-width:64px;padding:10px 8px;border-radius:14px;border:1.5px solid var(--line);cursor:pointer;background:var(--bg2);transition:background-color .16s ease,border-color .16s ease,transform .16s var(--ease)}
.dchip small{font:600 11px var(--mont);color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.dchip b{font:800 20px var(--sora);line-height:1.1}
.dchip i{font:500 11px var(--mont);color:var(--mut);font-style:normal}
.dchip:active{transform:scale(.97)}
input:checked+.dchip{background:var(--txt);color:var(--ink);border-color:var(--txt)}
input:checked+.dchip small,input:checked+.dchip i{color:var(--tinta2)}
input:focus-visible+.dchip,input:focus-visible+.sl{outline:3px solid var(--mint);outline-offset:2px}
.slots{display:grid;gap:12px}
.slots .per{display:grid;gap:8px}
.slots .per>span{font:700 11.5px var(--mont);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.slots .gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.sl{display:grid;place-items:center;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg2);font:600 14px var(--mont);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s var(--ease)}
.sl:active{transform:scale(.97)}
input:checked+.sl{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.pref{background:rgba(242,196,109,.09);border:1px solid rgba(242,196,109,.4);border-radius:var(--r3);padding:12px 14px;font-size:14px;color:#f6dfae}
.pref b{color:#ffe7b5}
.more{border:1px solid var(--line);border-radius:var(--r3);padding:0 14px}
.more>summary{cursor:pointer;list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 14px var(--mont);color:var(--tx)}
.more>summary::-webkit-details-marker{display:none}
.more>summary:after{content:'+';font:700 20px var(--sora);color:var(--mint);transition:transform .2s var(--ease)}
.more[open]>summary:after{transform:rotate(45deg)}
.more>summary small{font:500 12.5px var(--mont);color:var(--mut);margin-right:auto}
.more .mb{display:grid;gap:14px;padding:4px 0 16px}
.req{font:700 11px var(--mont);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:4px 0 -4px}
.alt{border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:10px}
.alt>summary{cursor:pointer;font:600 14px var(--mont);color:var(--tx2);min-height:44px;display:flex;align-items:center}
/* resumen */
.sum{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
.sum .blk{padding:14px 16px;display:grid;gap:4px;border-top:1px solid var(--line)}
.sum .blk:first-child{border-top:0}
.sum .t{display:flex;justify-content:space-between;align-items:center;font:700 12px var(--mont);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.sum .t button{background:none;border:0;color:var(--mint);font:600 13px var(--mont);cursor:pointer;min-height:36px;padding:0 4px;text-decoration:underline;text-underline-offset:3px;letter-spacing:0;text-transform:none}
.sum dl{margin:0;display:grid;gap:3px;font-size:15px}
.sum dt{color:var(--mut);font-size:12.5px;margin-top:6px}
.sum dd{margin:0}
.fail{background:var(--errbg);border:1px solid var(--err);border-radius:var(--r3);padding:14px;display:grid;gap:10px;color:#ffd2c9;font-size:14.5px}
/* confirmación */
.dn{display:none;gap:22px}
.dn.on{display:grid;animation:stin .3s var(--ease) both}
.badge{display:inline-flex;gap:10px;align-items:center;width:max-content;max-width:100%;padding:8px 16px;border-radius:99px;background:rgba(127,217,191,.12);border:1px solid var(--mint);color:var(--mint);font:700 12.5px var(--mont);letter-spacing:.08em;text-transform:uppercase}
.badge svg{width:18px;height:18px}
.badge path{stroke-dasharray:24;stroke-dashoffset:24;animation:ck .5s .15s var(--ease) forwards}
@keyframes ck{to{stroke-dashoffset:0}}
.dn h3{font-size:clamp(24px,5.6vw,34px)}
.notyet{border-left:3px solid var(--warn);padding:4px 0 4px 14px;color:#f6dfae;font-size:15px}
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding-bottom:18px;position:relative;font-size:15px}
.tl li:before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:var(--line)}
.tl li:last-child:before{display:none}
.tl .dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font:800 13px var(--sora);color:var(--mut)}
.tl .ok .dot{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.tl strong{display:block;font:700 15.5px var(--sora)}
.tl span{color:var(--mut);font-size:14px}
.tl .ok span{color:var(--tx2)}
.acts{display:flex;gap:12px;flex-wrap:wrap}
/* faq */
.faq{padding-block:72px}
.faq h2{font-size:clamp(26px,6vw,38px);margin-bottom:22px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font:700 17px var(--sora);display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:600 26px var(--sora);color:var(--mint);transition:transform .2s var(--ease)}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{color:var(--tx2);padding:0 0 20px;max-width:46em}
footer{padding:34px 0 56px;border-top:1px solid var(--line);color:var(--mut);font-size:13.5px}
footer .wrap{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;align-items:center}
footer img{height:22px;width:auto;opacity:.85}
.sum .blk.prop{background:rgba(127,217,191,.09);border-left:3px solid var(--mint)}
.sum .blk.prop .big{font:700 22px var(--sora);margin:2px 0 6px;color:var(--txt)}
.sum .blk.prop.ok{background:rgba(51,143,118,.16)}
footer .links a{color:var(--tx2);text-decoration:underline;text-underline-offset:3px}
.dark2 .lead{color:var(--tx2)}
.hint.pres{color:var(--txt);border-left:3px solid var(--mint);padding:2px 0 2px 12px;margin:12px 0}

/* modo prueba (igual que la home y /planes): solo fuera de enfforma.co */
.banda-prueba{position:fixed;top:0;left:0;right:0;z-index:300;display:block;min-height:26px;padding:5px 12px;background:#f5b301;color:#1A2638;font:600 12px/1.25 var(--mont);text-align:center}
.banda-prueba b{font-weight:800;letter-spacing:.04em}
html.modo-prueba body{padding-top:var(--prueba-h,26px)}
.aviso-prueba{position:fixed;left:50%;bottom:20px;transform:translate(-50%,16px);z-index:301;width:max-content;max-width:min(92vw,440px);background:#1A2638;color:#fff;border:2px solid #f5b301;border-radius:var(--r3);padding:12px 16px;font-size:14.5px;line-height:1.45;box-shadow:0 8px 30px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s}
.aviso-prueba.ver{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* herramientas locales: solo en modo prueba, nunca en enfforma.co */
.herr{position:fixed;right:12px;bottom:12px;z-index:299;max-width:min(92vw,360px);background:#06090d;border:2px dashed #f5b301;border-radius:var(--r3);color:var(--tx2);font-size:13px}
.herr>summary{cursor:pointer;padding:10px 14px;font:700 12.5px var(--mont);color:#f5b301;list-style:none}
.herr>summary::-webkit-details-marker{display:none}
.herr .hb{display:grid;gap:8px;padding:0 14px 14px}
.herr label{display:flex;gap:8px;align-items:center}
.herr .btns{display:flex;flex-wrap:wrap;gap:6px}
.herr button{background:var(--bg2);border:1px solid var(--line);border-radius:99px;padding:7px 12px;color:var(--txt);font:600 12.5px var(--mont);cursor:pointer}
.herr pre{margin:0;max-height:220px;overflow:auto;background:#000;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:11.5px;white-space:pre-wrap;word-break:break-word;color:#cfe}
/* formulario común: tipo y modalidad (mismas fichas que las horas) */
.elec{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.elec label{position:relative}
.elec input{position:absolute;opacity:0;width:1px;height:1px}
@media(min-width:760px){form[data-tipo=ind] .two{grid-template-columns:1fr}}
/* los bloques que dependen de la elección conservan el ritmo de la rejilla del paso (gap 16px) */
.st [data-solo]:not(h4):not(p),[id$="-p1"]{display:grid;gap:16px;align-content:start}
.pers{align-content:start}
.pers[id$="-p1"]{gap:14px}
/* aviso de medición publicitaria: dos opciones del mismo peso; no tapa el formulario en móvil */
.medicion{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:520px;margin-inline:auto;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r3);padding:12px 14px;box-shadow:0 8px 28px rgba(0,0,0,.35);font-size:13.5px;line-height:1.45}
.medicion p{margin:0 0 10px;color:var(--tx2)}.medicion a{color:var(--mint)}
.medicion .med-tit{color:var(--txt);font:700 13.5px var(--sora);margin-right:4px}
/* «Más información» y la política, al final del mismo párrafo; el detalle se despliega solo si se pide */
.medicion .med-mas{color:var(--mint)}
.medicion .med-det{margin:0 0 10px;padding-left:18px;display:grid;gap:4px;color:var(--tx2)}
.medicion .acts{display:flex;gap:10px;flex-wrap:wrap}.medicion .acts .pill{flex:1 1 140px}
.medicion[hidden]{display:none}
/* Pantallas pequeñas: al entrar, el aviso ocupa su lugar bajo la barra (no flota sobre el contenido) y es
   más compacto. Mismo texto y las dos opciones del mismo tamaño, en una fila de al menos 44 px. */
@media(max-width:699px){
 .medicion{font-size:12.5px;line-height:1.38;padding:9px 12px}
 .medicion p{margin:0 0 7px}
 .medicion .med-tit{font-size:13px}
 .medicion .acts{flex-wrap:nowrap;gap:8px}.medicion .acts .pill{flex:1 1 0;min-height:44px;padding:8px 10px;font-size:14px}
 .medicion:not(.flotante){position:relative;left:auto;right:auto;bottom:auto;z-index:1;margin:8px 12px 0;box-shadow:none}
}
.lnk{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.chk a{color:var(--mint)}
.st .lnk{color:var(--mint)}

/* ---------- Rediseño del 28 oct. 2026 (Emil · Impeccable · Taste) ----------
   El mismo sistema que /bienestar-corporativo-bogota/: la cápsula como único motivo (botones, marcas de lista,
   pasos), suelos piedra y noche, cinco tamaños de texto y separación por espacio y tono en lugar de líneas.
   Solo presentación: no cambia textos, precios, formularios, consentimiento, medición ni scripts. */
:root{--claro:#f2f2ef;--claro2:#e5e6e2;--t-txt:17px;--t-peq:14px;--line-f:rgba(255,255,255,.16)}
@media(min-width:900px){:root{--txw:600px}.hero.duo{--txw:600px}.hero h1{font-size:clamp(44px,3.9vw,56px)}}
/* barra: sin línea; el tono basta */
.nav{border-bottom:0;background:rgba(15,25,33,.9)}
/* botones: el hover solo con puntero fino (en táctil no se queda pegado) */
.pill:hover{background:var(--btn)}
.pill.ghost{border:0;background:rgba(255,255,255,.08)}
.pill.ghost:hover{background:rgba(255,255,255,.08)}
.light .pill.ghost{background:rgba(15,25,33,.08);color:var(--tinta)}
@media(hover:hover) and (pointer:fine){.pill:hover{background:var(--btnh)}.pill.ghost:hover{background:rgba(255,255,255,.14)}}
/* rótulo sobre los títulos: frase en caja normal con la cápsula, no versalitas espaciadas */
.eyebrow{font:600 var(--t-peq) var(--mont);letter-spacing:0;text-transform:none;color:var(--mint)}
.eyebrow:before{width:20px;height:8px;border-radius:99px}
.light .eyebrow{color:#1f6b57}
/* texto: cuerpo 17 px y notas 14 px */
.hero .sub,.split .lead,.emp p,.team p,.bleed p,.val .hd p,.faq details p,.dark2 .lead{font-size:var(--t-txt)}
.hero small,.light .note,.after p,.val .side p,footer,footer .links{font-size:var(--t-peq)}
/* empatía: título y texto lado a lado en escritorio, sin media página vacía */
@media(min-width:900px){
 .emp{padding-block:72px 16px}
 .emp .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px}
 :where(.emp .wrap)>*{max-width:none;grid-column:1/-1}
 .emp .wrap>.lead2,.emp .wrap>h2{grid-column:1}
 .emp .wrap>p:not(.lead2){grid-column:2;grid-row:1/span 2;align-self:end}
}
/* pasos: cápsulas en lugar de círculos unidos por una línea */
.steps{gap:22px}
.steps li{padding-bottom:0;grid-template-columns:56px 1fr}
.steps li:before{display:none}
.steps b{width:56px;height:34px;border-radius:99px;background:var(--tinta);font-size:15px}
.steps span{font-size:var(--t-txt)}
/* lista de puntos: la cápsula marca cada punto (los números eran adorno) y el espacio separa */
.pts{gap:22px}
.pts li,.pts li:last-child{border:0;padding:0}
.pts .n{font-size:0;min-width:0;width:30px;height:12px;border-radius:99px;background:var(--mint);margin-top:6px}
.pts span{font-size:var(--t-txt)}
/* referencia de planes: superficie llena, no caja con borde */
.priceref{border:0;background:var(--bg2);border-radius:var(--r)}
/* después de enviar: cápsulas en vez de una línea vertical */
.tl{gap:14px}
.tl li{padding-bottom:0;grid-template-columns:40px 1fr}
.tl li:before{display:none}
.tl .dot{width:40px;height:26px;border-radius:99px;border:0;background:var(--bg2)}
/* preguntas: filas llenas, sin líneas */
.faq .wrap{display:grid;gap:8px}
.faq h2{margin-bottom:16px}
.faq details,.faq details:last-of-type{border:0;background:var(--bg2);border-radius:var(--r);padding-inline:20px}
.faq details:nth-of-type(even){background:#1b2736}
.faq details[open]{background:#123d33}
.faq summary:after{content:"";flex:none;width:22px;height:10px;border-radius:99px;background:var(--mint);transition:transform .2s var(--ease)}
.faq details[open] summary:after{transform:scaleX(.45)}
/* pie: suelo propio en lugar de una línea */
footer{border-top:0;background:var(--ink)}
/* un solo tamaño de título de sección (antes 38, 40, 44 y 46 px) */
.split h2,.bleed h2,.team h2,.val .hd h2,.emp h2,.faq h2{font-size:clamp(28px,6.4vw,40px)}
@media(min-width:900px){.split h2{font-size:clamp(30px,2.8vw,40px)}}
/* piezas propias de Adulto mayor y Online: superficies llenas en lugar de bordes y franjas laterales (con «body» delante: el <style> de cada página va después de esta hoja) */
body .aud article{border:0}
body .para li{border-left:0;padding:0 0 0 34px;position:relative}
body .para li:before{content:"";position:absolute;left:0;top:.55em;width:22px;height:10px;border-radius:99px;background:var(--mint)}
body .gym-req li{border-left:0;padding:0 0 0 32px;position:relative}
body .gym-req li:before{content:"";position:absolute;left:0;top:.5em;width:20px;height:9px;border-radius:99px;background:var(--btn)}
body .dos article{border:0}
body .gym-img img,body .hero.onl .foto img{border:0}
body .plan-card{border:0;background:var(--bg2)}
body .plan-card .nom{letter-spacing:0;text-transform:none;font-size:var(--t-peq)}
body .testi-ver{border:0;background:rgba(255,255,255,.08)}
body .vid .marco{border:0}

/* ---------- Video real en el hero (29 oct. 2026) ----------
   Solo en el .ph con data-video y con html.hero-video (decidido en el <head>: hay movimiento y datos). En el
   teléfono el marco pasa a 4:5 y la foto y el video se ven completos (contain), para no recortar a nadie; en
   escritorio el panel ya es vertical. El video aparece con un fundido al empezar a reproducirse. */
.hv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--ink);opacity:0;transition:opacity .45s var(--ease);z-index:1}
.ph.hv-activo .hv-video{opacity:1}
.hv-boton{position:absolute;z-index:3;right:14px;top:14px;min-height:44px;padding:0 16px;border:0;border-radius:99px;background:rgba(10,17,23,.78);color:#fff;font:700 14px var(--sora);cursor:pointer;transition:transform .16s var(--ease),background-color .15s ease}
.hv-boton:active{transform:scale(.97)}
.hv-boton:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.hv-boton:hover{background:rgba(10,17,23,.92)}}
.ph[data-video]:after{z-index:2;pointer-events:none}
@media(max-width:899px){
 .hero-video .hero .ph[data-video]{aspect-ratio:4/5;max-height:56vh;background:var(--ink)}
 .hero-video .hero .ph[data-video] img{object-fit:contain}
}