/* Capa de diseño: alinea las páginas internas con la portada nueva (solo diseño; los textos no se tocan) */
:root{--ln:rgba(255,255,255,.12)}
html{scroll-padding-top:80px}
/* tarjetas planas y redondeadas, como en la portada (sin vidrio ni sombras pesadas) */
.card,.pb,.mc,.co,.next a,.stat,.faq details{background:#161618!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:var(--ln)!important;border-radius:28px;box-shadow:none!important}
.card:hover,.pb:hover,.mc:hover,.co:hover,.next a:hover{border-color:rgba(255,106,0,.6)!important}
footer{background:transparent!important;border-image:none!important;border-top:1px solid var(--ln)!important}
/* portada de página: palabra gigante con contorno y barrido de luz naranja */
.page-hero{text-align:left!important;padding-top:104px!important}
.page-hero h1,.page-hero .lead{margin-inline:0!important}
.pg-giant{position:relative;padding:0 clamp(12px,3vw,48px);margin:0 0 clamp(28px,5vw,64px);font:700 var(--fs,12vw)/.84 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase;white-space:nowrap;user-select:none;pointer-events:none}
.pg-giant span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.4)}
.pg-giant span.f{position:absolute;inset:0;padding:inherit;color:#FF6A00;-webkit-text-stroke:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 60%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 60%,transparent 100%);-webkit-mask-size:42% 100%;mask-size:42% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:pgsw 9s ease-in-out infinite alternate}
@keyframes pgsw{from{-webkit-mask-position:-10% 0;mask-position:-10% 0}to{-webkit-mask-position:110% 0;mask-position:110% 0}}
.pg-giant{animation:pgin 1.4s cubic-bezier(.22,1,.36,1) both}
@keyframes pgin{from{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -3% -30% -3%)}}
/* franja de palabras (salen de los propios títulos de la página) */
.pg-mq{border-block:1px solid var(--ln);overflow:hidden;white-space:nowrap;padding:18px 0}
.pg-mq div{display:inline-block;animation:pgmq 60s linear infinite;font:600 clamp(1.4rem,3vw,2.4rem) 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.02em;color:#a1a1a6}
.pg-mq b{color:#FF6A00;margin:0 22px;font-weight:600;font-size:.5em;vertical-align:middle}
@keyframes pgmq{to{transform:translateX(-50%)}}
/* cierre naranja a sangre, igual que la portada */
.pg-big{background:#FF6A00;color:#141416;text-align:center;padding:clamp(90px,15vw,190px) clamp(20px,5vw,72px)}
.pg-big h2{font:600 clamp(2.4rem,6vw,5.4rem)/1 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:-.04em;color:#141416;max-width:12em;margin:0 auto 34px;text-wrap:balance}
.pg-big .ac{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pg-big a{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;border-radius:99px;font:600 16px 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;text-decoration:none;background:#141416;color:#fff;transition:transform .25s}
.pg-big a:hover{transform:translateY(-2px)}
.pg-big a.g{background:transparent;box-shadow:inset 0 0 0 2px #141416;color:#141416}
.pg-big :focus-visible{outline-color:#141416}
@media(prefers-reduced-motion:reduce){.pg-giant,.pg-giant span.f,.pg-mq div{animation:none}.pg-giant span.f{-webkit-mask-position:50% 0;mask-position:50% 0}}
/* Cómo funciona: recorrido horizontal con el scroll */
.pg-hz{display:none}
@media(min-width:861px) and (prefers-reduced-motion:no-preference){.pg-hz{display:block;height:520vh;position:relative;border-top:1px solid var(--ln)}.pg-orig{display:none}}
.pg-hz .pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}
.pg-hz .row{display:flex;gap:clamp(24px,3vw,48px);padding:0 clamp(20px,5vw,72px);will-change:transform}
.pg-step{flex:0 0 min(78vw,560px);min-height:min(66vh,500px);border:1px solid var(--ln);border-radius:32px;padding:clamp(24px,3.4vw,44px);background:#161618;display:flex;flex-direction:column;justify-content:space-between;gap:20px;opacity:.72;transform:scale(.96);transform-origin:center top;transition:border-color .5s,opacity .5s,transform .6s cubic-bezier(.22,1,.36,1),background-color .5s}
.pg-step.act{opacity:1;transform:none;border-color:rgba(255,106,0,.55);background:radial-gradient(120% 90% at 0% 0%,rgba(255,106,0,.18),transparent 60%),#161618}
.pg-step small{font:500 13px 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#FF6A00}
.pg-step .n{font:700 clamp(5rem,11vw,9rem)/.8 'Inter','Inter Fallback',Arial,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #FF6A00;transition:color .5s}
.pg-step.act .n{color:#FF6A00}
.pg-step h3{font-size:clamp(1.6rem,2.6vw,2.2rem);margin-bottom:10px}
.pg-step p{color:#cfcfd2}
.pg-step .box{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.pg-step .box>span{display:block;border-top:1px solid var(--ln);padding-top:10px;color:#cfcfd2;font-size:14.5px;line-height:1.45;background:none!important;border-left:0;border-right:0;border-bottom:0;border-radius:0}
.pg-step .box i{display:block;font:600 12px 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal;color:#FF6A00;margin-bottom:4px}
.pg-hz .cs{position:absolute;right:clamp(20px,5vw,72px);top:92px;z-index:2;font:600 14px 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;letter-spacing:.14em;color:#a1a1a6;font-variant-numeric:tabular-nums}.pg-hz .cs b{color:#fff;font-weight:600}
.pgprg{position:absolute;left:clamp(20px,5vw,72px);right:clamp(20px,5vw,72px);bottom:40px;height:2px;background:var(--ln)}.pgprg i{display:block;height:100%;background:#FF6A00;width:0}
/* Biblioteca: figura que ilumina el pilar */
.pg-fig{position:relative;aspect-ratio:560/860;max-width:340px;margin:0 0 18px;border-radius:28px;overflow:hidden;background:#0c0806;border:1px solid var(--ln)}
.pg-fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.pg-fig img.on{opacity:1}
.pg-fig p{position:absolute;left:0;right:0;bottom:8px;margin:0;text-align:center;font-size:11.5px;color:#a1a1a6;z-index:2}
.lib aside a.pg-on{color:#FF6A00}
/* banda de confianza */
.pg-trust{border-top:1px solid var(--ln);padding:clamp(34px,5vw,56px) clamp(20px,5vw,72px)}
.pg-trust ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(18px,3vw,40px);max-width:1160px;margin:0 auto}
.pg-trust li{display:flex;gap:12px;color:#d6d6d9;font-size:15.5px;line-height:1.4}
.pg-trust li::before{content:"";flex:0 0 9px;height:9px;margin-top:.45em;border-radius:50%;background:#FF6A00}
.pg-fig{overflow:visible;background:none;border:0;margin-bottom:34px}.pg-fig img{border-radius:28px;border:1px solid var(--ln)}
.pg-fig p{top:100%;bottom:auto;margin-top:8px}
/* v2: portada de página editorial (distinta del inicio) y pasos como conversación Tú / Nosotros */
body:not([data-page=privacidad]) .page-hero{text-align:left!important;padding:112px 0 52px!important;border-bottom:1px solid var(--ln)}
body:not([data-page=privacidad]) .page-hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:clamp(28px,5vw,72px);align-items:end}
body:not([data-page=privacidad]) .page-hero .wrap>*{grid-column:1/-1}
body:not([data-page=privacidad]) .page-hero .crumbs{grid-row:1}
body:not([data-page=privacidad]) .page-hero .eyebrow{grid-row:2}
body:not([data-page=privacidad]) .page-hero h1{grid-column:1;grid-row:3;font-size:clamp(2.6rem,5.6vw,5rem);margin:14px 0 0;max-width:none}
body:not([data-page=privacidad]) .page-hero .lead{grid-column:2;grid-row:3;margin:0;align-self:end;padding-bottom:.5em}
@media(max-width:860px){body:not([data-page=privacidad]) .page-hero .wrap{grid-template-columns:1fr}body:not([data-page=privacidad]) .page-hero h1,body:not([data-page=privacidad]) .page-hero .lead{grid-column:1}body:not([data-page=privacidad]) .page-hero .lead{grid-row:4;margin-top:16px}}
.pg-step{flex-basis:min(78vw,520px);min-height:0;padding:clamp(22px,2.6vw,34px);gap:18px;justify-content:flex-start}
.pg-step .tg{display:flex;align-items:center;gap:14px}
.pg-step .nb{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid #FF6A00;color:#FF6A00;font:700 16px 'Space Grotesk','Space Grotesk Fallback',Arial,sans-serif;transition:background-color .5s,color .5s}
.pg-step.act .nb{background:#FF6A00;color:#141416}
.pg-step .box{display:block;margin-top:6px}
.pg-step .box>span{display:block;position:relative;padding:12px 0 12px 104px;border-top:1px solid var(--ln);font-size:15.5px}
.pg-step .box i{position:absolute;left:0;top:13px;margin:0}
.pg-step .box>span:nth-child(2) i{color:#141416;background:#FF6A00;border-radius:99px;padding:2px 10px;font-size:11.5px}
.pg-hz{padding:0!important}
body:not([data-page=privacidad]) .page-hero .wrap>.crumbs{grid-column:1/-1;grid-row:1}
body:not([data-page=privacidad]) .page-hero .wrap>.eyebrow{grid-column:1/-1;grid-row:2;justify-self:start;text-align:left}
body:not([data-page=privacidad]) .page-hero .wrap>h1{grid-column:1;grid-row:3;text-align:left}
body:not([data-page=privacidad]) .page-hero .wrap>.lead{grid-column:2;grid-row:3;text-align:left}
@media(max-width:860px){body:not([data-page=privacidad]) .page-hero .wrap>h1,body:not([data-page=privacidad]) .page-hero .wrap>.lead{grid-column:1}body:not([data-page=privacidad]) .page-hero .wrap>.lead{grid-row:4}}
body:not([data-page=privacidad]) .page-hero .wrap{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
body:not([data-page=privacidad]) .page-hero .wrap>h1{font-size:clamp(2.4rem,4.8vw,4.2rem)}
@media(max-width:860px){body:not([data-page=privacidad]) .page-hero .wrap{grid-template-columns:1fr}}

/* QA 2026-10-28 */
body:not([data-page=privacidad]) .page-hero .wrap>.search{justify-self:start;width:100%;max-width:640px;margin:34px 0 8px}
.page-hero .wrap>.notice{justify-self:start;margin:22px 0 0;max-width:760px}
.pgprg{bottom:96px}
.page-hero .wrap>.eyebrow{margin-top:14px}
.pg-fig p{text-transform:none;letter-spacing:0;font-size:12px}
.faq details{padding:6px 28px}
@media(max-width:480px){.faq details{padding:6px 20px}.search input{font-size:15px;padding:17px 16px}}
.page-hero .cta{justify-content:flex-start}
.pg-step .tg{flex-direction:column;align-items:flex-start;gap:12px}
.pg-step .n{font-size:clamp(3.6rem,6vw,5.4rem);line-height:.85;margin:0}
.molmap .mn text{font-size:15px;paint-order:stroke;stroke:#0b0b0c;stroke-width:4px;stroke-linejoin:round}
.molmap .mn .sub{font-size:13px}
.molmap .mn:hover text,.molmap .mn.sel text{stroke:#FF6A00}
@media(max-width:600px){.molmap .mn .sub{display:none}}
.pep summary h2{font-family:'Inter','Inter Fallback',Arial,sans-serif;font-weight:600;letter-spacing:-.02em}
.pg-trust{padding-inline:0}.pg-trust ul{max-width:1112px;padding:0 24px}
.pg-step .n{position:relative;color:#3a3a40!important;-webkit-text-stroke:1px rgba(255,255,255,.16)!important;text-shadow:.01em .01em 0 #1d1d20,.02em .02em 0 #1b1b1e,.03em .03em 0 #19191c,.04em .04em 0 #171719,.05em .05em 0 #151517,.06em .06em 0 #131315,.07em .07em 0 #111113,.08em .08em 0 #0f0f11,.04em .1em .16em rgba(0,0,0,.8);transition:none!important}
.pg-step .n::after{content:attr(data-n);position:absolute;left:-.35em;top:-.35em;padding:.35em;color:#FF7A1A;-webkit-text-stroke:0;text-shadow:.01em .01em 0 #C24F00,.02em .02em 0 #AD4600,.03em .03em 0 #983E00,.04em .04em 0 #843600,.05em .05em 0 #702E00,.06em .06em 0 #5C2600,.07em .07em 0 #481E00,.08em .08em 0 #351600;opacity:0;transition:opacity .5s ease;will-change:opacity;pointer-events:none}
.pg-step.act .n::after{opacity:1}
.pg-step .n{display:block;width:max-content}
.pg-step{transition:border-color .5s,opacity .5s,transform .6s cubic-bezier(.22,1,.36,1),background-color .5s}
.pg-hz .pin{padding-top:100px;padding-bottom:132px;box-sizing:border-box}
/* hero en una sola columna, ordenado */
body:not([data-page=privacidad]) .page-hero{padding:120px 0 56px!important}
body:not([data-page=privacidad]) .page-hero .wrap{display:block!important}
body:not([data-page=privacidad]) .page-hero .wrap>.crumbs{margin:0 0 18px}
body:not([data-page=privacidad]) .page-hero .wrap>.eyebrow{display:block;margin:0 0 14px}
body:not([data-page=privacidad]) .page-hero .wrap>h1{max-width:14em;margin:0 0 20px;font-size:clamp(2.6rem,5.4vw,4.6rem)}
body:not([data-page=privacidad]) .page-hero .wrap>.lead{max-width:36em;margin:0 0 22px;padding:0;font-size:clamp(1.1rem,1.5vw,1.3rem);color:#cfcfd2}
body:not([data-page=privacidad]) .page-hero .wrap>.notice{margin:0;max-width:44em;font-size:14px;color:#a1a1a6}
.molmap .mn text,.molmap .mn:hover text,.molmap .mn.sel text{fill:#fff!important;stroke:#0b0b0c!important}
.molmap .mn .sub,.molmap .mn:hover .sub,.molmap .mn.sel .sub{fill:#c9c9cd!important}
/* botones "Agenda tu evaluación": degradado, luz interior, flecha que se desliza (solo en hover) */
.btn-primary,.nav ul a.btn{background:linear-gradient(180deg,#FF8A2B,#FF6A00)!important;color:#16100a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 0 0 1px rgba(255,255,255,.14),0 8px 22px -10px rgba(255,106,0,.6)!important;transition:transform .25s,box-shadow .25s!important}
.btn-primary:hover,.nav ul a.btn:hover{background:linear-gradient(180deg,#FF9A44,#FF7410)!important;transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.2),0 14px 30px -10px rgba(255,106,0,.85)!important}
.btn .ar,.pg-big a .ar{display:inline-block;transition:transform .25s}.btn:hover .ar,.pg-big a:hover .ar{transform:translateX(5px)}
.nav ul a.btn::after{content:"→";display:inline-block;margin-left:8px;transition:transform .25s}.nav ul a.btn:hover::after{transform:translateX(4px)}
.btn-primary:focus-visible,.nav ul a.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.pg-big a:not(.g){background:linear-gradient(180deg,#26262a,#121214);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px -12px rgba(0,0,0,.7);transition:transform .25s,box-shadow .25s}
.pg-big a:not(.g):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 0 0 1px rgba(255,106,0,.55),0 16px 30px -12px rgba(0,0,0,.8)}
.pg-big a:not(.g) .ar{color:#FF8A2B}.pg-big :focus-visible{outline:3px solid #fff}
@media(prefers-reduced-motion:reduce){.btn-primary:hover,.nav ul a.btn:hover,.pg-big a:hover{transform:none!important}.btn:hover .ar,.pg-big a:hover .ar,.nav ul a.btn:hover::after{transform:none}}
/* Cómo funciona (recorrido): contador, tarjetas y barra en flujo, siempre separados */
@media(min-width:861px){
.pg-hz .pin{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;align-items:center;padding:92px 0 0}
.pg-hz .cs{position:static;grid-row:1;justify-self:end;margin:0 clamp(20px,5vw,72px) 0 0}
.pg-hz .row{grid-row:2;min-width:0;align-self:center;margin:30px 0}
.pgprg{position:relative;left:0;right:auto;bottom:auto;grid-row:3;margin:10px clamp(20px,5vw,72px) 44px}
}
@media(min-width:861px) and (max-height:780px){.pg-hz .pin{padding-top:84px}.pg-step{min-height:0;padding:18px 26px;gap:10px}.pg-step .n{font-size:clamp(3rem,5.5vw,4.4rem)}.pg-step h3{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:6px}.pg-step .box{margin-top:10px}.pgprg{margin-bottom:34px}}