/* El símbolo se funde con la primera vista; sin texto ni bloqueo dependiente del video. */
.recovery-loader{display:none;position:fixed;z-index:1000;inset:0;place-items:center;background:#002736;opacity:1;transform:scale(1);transform-origin:center;transition:opacity 650ms cubic-bezier(.22,.61,.36,1),transform 650ms cubic-bezier(.22,.61,.36,1)}
html.is-loading .recovery-loader{display:grid}
html.is-loading .recovery-loader.is-leaving{opacity:0;transform:scale(1.018);pointer-events:none}
.recovery-loader .loader-mark{position:relative;display:block;width:100px;height:84px;overflow:hidden;flex-shrink:0;animation:recovery-loader-pulse 1.8s ease-in-out infinite;transition:opacity 480ms ease,scale 650ms cubic-bezier(.22,.61,.36,1)}
.recovery-loader .loader-mark img{position:absolute;display:block;width:400px!important;height:400px!important;max-width:none!important;left:-35px;top:-163px;object-fit:fill}
html.is-loading .recovery-loader.is-leaving .loader-mark{animation:none;opacity:0;scale:.94}
/* Solo opacidad y escala individual en la imagen: nunca se altera el transform de la historia. */
html.is-loading .hero-content,html.is-loading .hero-visual,html.is-loading .confirmation-main{transition:opacity 620ms cubic-bezier(.22,.61,.36,1),scale 620ms cubic-bezier(.22,.61,.36,1)}
html.is-loading:not(.is-revealing) .hero-content,html.is-loading:not(.is-revealing) .confirmation-main{opacity:0}
html.is-loading:not(.is-revealing) .hero-visual{opacity:.62;scale:1.025}
html.is-loading.is-revealing .hero-content,html.is-loading.is-revealing .hero-visual,html.is-loading.is-revealing .confirmation-main{opacity:1;scale:1}
@keyframes recovery-loader-pulse{0%,100%{opacity:.66;transform:scale(.975)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 .recovery-loader,.recovery-loader .loader-mark,html.is-loading .hero-content,html.is-loading .hero-visual,html.is-loading .confirmation-main{transition:none;animation:none}
 html.is-loading .recovery-loader.is-leaving{transform:none}
 html.is-loading .recovery-loader .loader-mark,html.is-loading .hero-visual{scale:1}
}