/* ── Portada: la definición ── */
.fa-hd{position:relative;overflow:hidden;background-color:var(--tinta);color:#fff;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;background-position:center top}
.fa-hd::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,rgba(7,16,28,0),rgba(7,16,28,.9));pointer-events:none}
.fa-hd-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px clamp(40px,5cqi,96px);align-items:center;padding-top:calc(72px + clamp(40px,4.4cqi,72px));padding-bottom:clamp(40px,4.4cqi,72px)}
.fa-hd-k{margin-top:clamp(16px,1.8cqi,24px);font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-style:italic;font-weight:350;font-size:clamp(17px,1.4cqi,20px);line-height:1.4;color:var(--b56)}
.fa-hd-k b{font-style:normal;font-weight:500;color:var(--b84)}
.fa-hd-w{margin-top:0;font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:300;font-size:clamp(76px,11.4cqi,164px);line-height:.86;letter-spacing:-.05em}
.fa-hd-w i{font-style:normal;color:var(--rojo)}
.fa-hd-def{margin-top:clamp(26px,2.8cqi,40px);max-width:760px;font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-style:italic;font-weight:300;font-size:clamp(25px,2.6cqi,38px);line-height:1.18;letter-spacing:-.016em;color:#fff;text-wrap:balance}
.fa-hd-firma{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:clamp(22px,2.4cqi,34px);padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.fa-hd-firma b{font-size:17px;font-weight:650;letter-spacing:-.01em}
.fa-hd-firma span{max-width:560px;font-size:16px;line-height:1.45;color:var(--b72)}
.fa-hd-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(26px,2.6cqi,36px)}
.fa-btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.fa-btn-ghost:hover{background:#fff;color:var(--tinta);box-shadow:none}
.fa-hd-acc .fa-link{color:#fff}
.fa-hd-vis{position:relative;min-width:0;justify-self:end;width:100%;max-width:440px}

/* ── Escenas (historias) ── */
.fa-hd-vis{max-width:460px}
.fa-h-ev{position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.fa-h-ev-marco{position:relative;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;isolation:isolate;background:var(--tinta-2);color:#fff;box-shadow:0 60px 90px -50px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08)}
.fa-h-ev-marco::before{content:"";position:absolute;left:0;right:0;top:0;z-index:2;height:150px;pointer-events:none;background:linear-gradient(180deg,rgba(7,16,28,.7),rgba(7,16,28,.28) 55%,rgba(7,16,28,0))}
.fa-h-ev-s{position:absolute;inset:0;z-index:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.fa-h-ev-s > img,.fa-h-ev-s > video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1);transition:transform 0s linear .6s}
.fa-h-ev[data-h="0"] .fa-h-ev-s[data-i="0"],.fa-h-ev[data-h="1"] .fa-h-ev-s[data-i="1"],.fa-h-ev[data-h="2"] .fa-h-ev-s[data-i="2"],.fa-h-ev[data-h="3"] .fa-h-ev-s[data-i="3"],.fa-h-ev[data-h="4"] .fa-h-ev-s[data-i="4"]{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.fa-h-ev[data-h="0"] .fa-h-ev-s[data-i="0"] > img,.fa-h-ev[data-h="1"] .fa-h-ev-s[data-i="1"] > img,.fa-h-ev[data-h="2"] .fa-h-ev-s[data-i="2"] > img,.fa-h-ev[data-h="3"] .fa-h-ev-s[data-i="3"] > img,.fa-h-ev[data-h="4"] .fa-h-ev-s[data-i="4"] > img{transform:scale(1.07);transition:transform 7.5s cubic-bezier(.2,.6,.35,1)}
.fa-h-ev-h > .fa-h-ev-fondo{position:absolute;inset:-40px;width:calc(100% + 80px);height:calc(100% + 80px);max-width:none;object-fit:cover;filter:blur(26px) brightness(.42) saturate(.7);transform:none !important;transition:none !important}
.fa-h-ev-h > video{position:absolute;left:0;right:0;top:64px;bottom:auto;width:100%;height:auto;aspect-ratio:718 / 422;object-fit:cover;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.fa-h-ev-h .fa-h-ev-cap{padding-top:40px}
.fa-h-ev-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:140px clamp(18px,2cqi,26px) clamp(18px,2cqi,24px);background:linear-gradient(180deg,rgba(7,16,28,0) 0,rgba(7,16,28,.55) 42%,rgba(7,16,28,.94) 100%);pointer-events:none}
.fa-h-ev-k{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.2;color:rgba(255,255,255,.86)}
.fa-h-ev-k::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--rojo)}
.fa-h-ev-t{font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:420;font-size:clamp(22px,2cqi,28px);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 1px 18px rgba(0,0,0,.25)}
.fa-h-ev-a{pointer-events:auto;display:inline-flex;align-items:center;gap:9px;min-height:42px;margin-top:2px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);font:600 14px/1.2 var(--sans);color:#fff;transition:background-color .2s,color .2s}
.fa-h-ev-a:hover{background:#fff;color:var(--tinta)}
.fa-h-ev-a svg{width:12px;height:12px;flex:none}
.fa-h-ev-tap{position:absolute;top:84px;bottom:0;z-index:1;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.fa-h-ev-tap-a{left:0;width:34%}
.fa-h-ev-tap-s{right:0;width:66%}
.fa-h-ev-cab{position:absolute;left:14px;right:8px;top:8px;z-index:4;display:flex;align-items:flex-start;gap:8px}
.fa-h-ev-segs{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.fa-h-ev-seg{display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:0;margin:0;padding:10px 0 6px;border:0;background:transparent;color:rgba(255,255,255,.82);font:500 11.5px/1.2 var(--mono);letter-spacing:.02em;text-align:left;cursor:pointer;transition:color .2s}
.fa-h-ev-seg:hover,.fa-h-ev-seg[aria-pressed="true"]{color:#fff}
.fa-h-ev-seg-l{text-shadow:0 1px 4px rgba(0,0,0,.4)}
.fa-h-ev-seg:focus-visible{outline-offset:1px;border-radius:6px}
.fa-h-ev-bar{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.fa-h-ev-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.fa-h-ev-seg[data-e="hecho"] .fa-h-ev-bar i{transform:none}
.fa-h-ev-seg[data-e="ahora"] .fa-h-ev-bar i{animation:fa-h-bar-a 6.5s linear both}
.fa-h-ev[data-par="b"] .fa-h-ev-seg[data-e="ahora"] .fa-h-ev-bar i{animation-name:fa-h-bar-b}
.fa-h-ev[data-pausa="si"] .fa-h-ev-bar i,.fa-h-ev[data-vis="no"] .fa-h-ev-bar i,.fa-h-ev:has(:focus-visible) .fa-h-ev-bar i{animation-play-state:paused}
@media (hover:hover){.fa-h-ev:hover .fa-h-ev-bar i{animation-play-state:paused}}
@keyframes fa-h-bar-a{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fa-h-bar-b{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.fa-h-ev-seg[data-e="ahora"] .fa-h-ev-bar i{transform:none}}
.fa-h-ev-pausa{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background-color .2s}
.fa-h-ev-pausa:hover{background:rgba(255,255,255,.16)}
.fa-h-ev-pausa svg{width:16px;height:16px}
.fa-h-ev-pausa .fa-h-ic-play,.fa-h-ev-pausa[aria-pressed="true"] .fa-h-ic-pausa{display:none}
.fa-h-ev-pausa[aria-pressed="true"] .fa-h-ic-play{display:block}
.fa-h-ev-mv{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:46px;height:46px;margin:-23px 0 0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--texto);box-shadow:0 12px 28px -10px rgba(0,0,0,.6);cursor:pointer;transition:background-color .2s,color .2s,transform .25s var(--ease)}
.fa-h-ev-mv:hover{background:var(--rojo-accion);color:#fff}
.fa-h-ev-mv svg{width:17px;height:17px}
.fa-h-ev-mv-a{left:-23px}
.fa-h-ev-mv-s{right:-23px}
.fa-h-ev-mv-a:hover{transform:translateX(-2px)}
.fa-h-ev-mv-s:hover{transform:translateX(2px)}
.fa-hd-datos{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;padding:26px 0 clamp(36px,4cqi,56px);border-top:1px solid rgba(255,255,255,.14)}
.fa-hd-datos b{display:block;font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:300;font-size:clamp(30px,3cqi,44px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fa-hd-datos li > span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--b56);text-wrap:pretty}

.fa-h-dest{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:20px}
.fa-h-dest-b{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;margin:0;padding:4px 0;border:0;background:none;color:var(--b72);font:500 13px/1.2 var(--sans);text-align:center;cursor:pointer;transition:color .2s}
.fa-h-dest-c{display:block;width:66px;height:66px;padding:3px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.26);transition:box-shadow .25s}
.fa-h-dest-c img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--tinta)}
.fa-h-dest-b:hover{color:#fff}
.fa-h-dest-b:hover .fa-h-dest-c{box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.fa-h-dest-b[aria-pressed="true"]{color:#fff}
.fa-h-dest-b[aria-pressed="true"] .fa-h-dest-c{box-shadow:inset 0 0 0 2.5px var(--rojo)}
.fa-h-dest-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Tres campos ── */
.fa-cp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3cqi,56px)}
.fa-cp-i{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 0 10px;border-top:1px solid var(--linea)}
.fa-cp-i .fa-tema-ic{--tw:104px;margin:-14px 0 0 -14px}
.fa-cp-n{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.fa-cp-t{font-family:var(--serif);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:420;font-size:clamp(26px,2.4cqi,34px);line-height:1.06;letter-spacing:-.024em;text-wrap:balance}
.fa-cp-p{font-size:16.5px;line-height:1.55;color:var(--cuerpo-2);text-wrap:pretty}
.fa-cp-i .fa-mas{margin-top:auto;padding-top:4px;color:var(--texto)}

/* ── Resultados ── */
.fa-rs-h{max-width:1000px;font-weight:300;font-size:clamp(40px,5.6cqi,84px);line-height:.98;letter-spacing:-.04em}
.fa-rs-h em{font-style:inherit;color:inherit}
.fa-rs-gal{margin-top:clamp(40px,4.4cqi,64px)}
.fa-rs-gal .fa-gal-i{--ar:4 / 3}
.fa-rs-gal .fa-gal-i img{filter:saturate(.9) contrast(1.05)}
.fa-rs-nota{margin-top:18px;font-size:14px;color:var(--b56)}

/* ── Cómo te puedo ayudar ── */

/* ── Cómo te puedo ayudar ── */
.fa-ay1{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px clamp(40px,5cqi,96px);align-items:start}
.fa-ay1-p{margin-top:18px;max-width:520px;font-size:19px;line-height:1.5;color:var(--cuerpo-2);text-wrap:pretty}
.fa-ay1-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 16px}
.fa-ay1-acc .fa-btn svg{width:12px;height:12px}
.fa-ay1-b{background:transparent;color:var(--texto);box-shadow:inset 0 0 0 1.5px rgba(7,16,28,.3)}
.fa-ay1-b:hover{background:var(--tinta);color:#fff;box-shadow:none}
.fa-ay1 .fa-logros{margin-top:6px}

/* ── Criterio por escrito ── */
.fa-cr .fa-cv{--cvh:400px}

/* ── Presencia pública ── */
.fa-pz-logos{margin-top:8px}
.fa-pz-logos a{display:grid;place-items:center;min-height:84px;padding:14px 18px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linea)}
.fa-pz-logos img{display:block;width:auto;height:calc(var(--hp,18px) * 1.2);max-width:100%;object-fit:contain;opacity:.85}
.fa-pz-mos{margin-top:clamp(32px,3.4cqi,48px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}
.fa-pz-mos .fa-gal-i{--ar:16 / 10}
.fa-pz-mos .fa-gal-i:first-child{grid-row:span 2;--ar:auto}
.fa-pz-mos .fa-gal-i:first-child img{position:absolute;inset:0}
.fa-pz-acc{margin-top:28px}

/* ── Hablemos ── */
.fa-hb-p{margin-top:20px;max-width:640px;font-size:clamp(18px,1.5cqi,21px);line-height:1.5;color:var(--b72);text-wrap:pretty}
.fa-hb-acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(28px,3cqi,40px)}
.fa-hb-acc .fa-btn{min-width:200px}
.fa-hb-mail{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.35)}
.fa-hb-mail:hover{color:#fff;text-decoration-color:#fff}
.fa-hb-h{max-width:980px;font-weight:300;font-size:clamp(38px,5cqi,74px);line-height:.98;letter-spacing:-.038em}

@container page (max-width:1080px){
.fa-ay1{grid-template-columns:minmax(0,1fr)}
.fa-hd-in{grid-template-columns:minmax(0,1fr)}
.fa-hd-vis{justify-self:start;max-width:380px}
}
@container page (max-width:900px){
.fa-cp{grid-template-columns:minmax(0,1fr)}
.fa-cp-i{padding:22px 0 8px}
.fa-hd-datos{grid-template-columns:repeat(2,minmax(0,1fr))}
.fa-pz-mos{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.fa-pz-mos .fa-gal-i:first-child{grid-row:auto;--ar:4 / 3}
}
@container page (max-width:620px){
.fa-hb-acc .fa-btn{flex:1 1 100%}
.fa-ay1-acc .fa-btn{flex:1 1 100%}
.fa-hd-w{font-size:clamp(64px,19cqi,80px)}
.fa-hd-def{font-size:clamp(22px,6.2cqi,26px)}
.fa-hd-vis{max-width:none}
.fa-h-ev-marco{aspect-ratio:4 / 5}
.fa-h-ev-mv{display:none}
.fa-h-dest-c{width:58px;height:58px}
.fa-h-dest-b{font-size:11.5px}
.fa-hd-acc .fa-btn{flex:1 1 100%}
.fa-hd-datos{gap:16px 18px;padding-top:22px}
}