/* ADHMIN - mejora visual: scroll y capas. Solo decorativo, sin cambiar contenido. */
.js-fx .hero,.js-fx .hero-int{position:relative;overflow:hidden;isolation:isolate}
.js-fx .hero>.wrap,.js-fx .hero-int>.wrap,.js-fx .hero-int>*{position:relative;z-index:2}
.fx-capa{position:absolute;inset:-12% -5%;pointer-events:none;z-index:0;will-change:transform}
.fx-capa-1{background:radial-gradient(circle at 18% 28%,rgba(158,27,50,.38),transparent 38%),radial-gradient(circle at 82% 70%,rgba(255,255,255,.12),transparent 42%)}
.fx-capa-2{z-index:1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.fx-capa-3{z-index:1}
.fx-capa-3 i{position:absolute;display:block;border:2px solid rgba(255,255,255,.14);border-radius:6px}
.fx-capa-3 i:nth-child(1){width:150px;height:150px;left:6%;top:60%;transform:rotate(14deg)}
.fx-capa-3 i:nth-child(2){width:90px;height:90px;right:9%;top:14%;transform:rotate(-12deg);border-color:rgba(242,193,203,.35)}
.fx-capa-3 i:nth-child(3){width:240px;height:240px;right:30%;top:68%;border-radius:50%;border-color:rgba(255,255,255,.08)}
.hero::after,.hero-int::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:#fff;clip-path:polygon(0 100%,100% 100%,100% 0,0 80%);z-index:3;pointer-events:none}
.confianza{position:relative}
.js-fx .hero .caja{transform:translateY(var(--caja-y,0px))}
#fx-progreso{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--rojo);transform:scaleX(0);transform-origin:0 50%;z-index:1000;pointer-events:none}
header.fx-scrolled{box-shadow:0 8px 24px rgba(22,50,79,.12)}
header{transition:box-shadow .25s ease}
.js-fx .fx-rev{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--fx-d,0s)}
.js-fx .fx-rev.fx-vis{opacity:1;transform:none}
.js-fx .card,.js-fx .acceso,.js-fx .paso,.js-fx .tipo{box-shadow:0 1px 2px rgba(22,50,79,.05)}
.js-fx .card.fx-vis:hover,.js-fx .acceso.fx-vis:hover,.js-fx .paso.fx-vis:hover,.js-fx .tipo.fx-vis:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,50,79,.13)}
@media (max-width:900px){
 .fx-capa-3 i:nth-child(3){display:none}
 .hero::after,.hero-int::after{height:26px}
 .js-fx .fx-rev{transform:translateY(18px)}
}
@media (prefers-reduced-motion:reduce){
 .js-fx .fx-rev{opacity:1!important;transform:none!important;transition:none}
 .fx-capa{transform:none!important}
 #fx-progreso{display:none}
}
.hero::after{background:var(--azul-claro)}