/* Canonical PNGs preserve the complete lockup, independent of web-font timing. */
.intro-brand{position:absolute;z-index:2;top:24px;left:24px;width:220px;height:auto;pointer-events:none}
nav #navLogo.canonical-logo{width:176px;height:auto;max-width:100%;display:block}
.marca .canonical-logo{display:block;width:100%;height:auto}
.footer-word .canonical-logo{display:block;width:240px;height:auto}

/* Outgoing sheet covers the shallow incoming underlay. No extra scroll distance. */
#main{position:relative;isolation:isolate;z-index:1}
.sequencia #main>.reveal-sheet{position:relative;z-index:var(--reveal-order);background-clip:padding-box}
.sequencia #main>.reveal-underlay{border-radius:26px 26px 0 0}
.sequencia #main>.reveal-underlay::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--v-line);pointer-events:none}
.sequencia .v-step.reveal-step{position:relative;background:var(--v-bg,#fff);border-radius:14px 14px 0 0}
.sequencia .v-step.reveal-step-before{position:relative;z-index:2;background:var(--v-bg,#fff)}
.v-js .sequencia #main>.v-footer.footer-underlay{position:sticky;bottom:0;z-index:1;visibility:hidden}
.v-js .sequencia #main>.v-footer.footer-reveal-ready{visibility:visible}
@media(max-width:720px){
 .intro-brand{top:16px;left:18px;width:190px}
 nav #navLogo.canonical-logo{width:132px}
 .sequencia .footer-word .canonical-logo{width:200px}
}
@media(prefers-reduced-motion:reduce){
 .sequencia #main>.reveal-underlay,.sequencia .v-step.reveal-step{border-radius:0}
 .v-js .sequencia #main>.v-footer{position:relative;bottom:auto}
}