.e3-film-stage > .e3-top{position:absolute;inset:0 0 auto;z-index:3;max-width:none;padding:24px clamp(20px,4vw,64px);color:#fff;flex-wrap:nowrap}
.e3-film-stage > .e3-top .e3-brand span{color:#d4f9a6}
.e3-film-stage > .e3-top nav>a:first-child{text-shadow:0 1px 8px #000}
.e3-film{position:relative;background:#14201a;color:#fff;overflow-anchor:none;animation:none!important}
.e3-film-stage{position:relative;height:100vh;height:100svh;min-height:540px;overflow:hidden;isolation:isolate}
.e3-film.is-scrubbing{height:900vh;height:900svh}
.e3-film.is-scrubbing .e3-film-stage{position:sticky;top:0}
.e3-film-video,.e3-film-shade{position:absolute;inset:0;width:100%;height:100%}
.e3-film-video{object-fit:cover;object-position:center;background:#14201a}
.e3-film-shade{background:linear-gradient(180deg,#0008,transparent 27%,transparent 60%,#000b)}
.e3-film-shade::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101d17e6,#101d1760 60%,#101d1720);opacity:1;transition:opacity .75s}
.e3-film-copy{position:absolute;top:50%;left:clamp(24px,8vw,140px);right:24px;max-width:920px;transform:translateY(-50%);transition:opacity .75s,translate .75s}
.e3-film-copy .e3-eyebrow{color:#d4f9a6;margin-bottom:24px}
.e3-film-copy h1{font-size:clamp(42px,5.5vw,80px);font-weight:650;line-height:1.08;overflow-wrap:normal;text-wrap:balance;margin-bottom:24px}
.e3-film-copy>p:not(.e3-eyebrow){max-width:410px;font-size:clamp(17px,1.6vw,22px);line-height:1.5;margin-bottom:30px;color:#f0f4ee}
.e3-film.is-scrubbing:not(.is-complete) .e3-film-copy{visibility:hidden;opacity:0;translate:0 18px;pointer-events:none}
.e3-film.is-scrubbing:not(.is-complete) .e3-film-shade::after{opacity:0}
.e3-film-hint{position:absolute;bottom:110px;left:24px;right:24px;text-align:center;font-size:13px;letter-spacing:.04em;text-shadow:0 2px 10px #000}
.e3-film-disclosure{position:absolute;left:clamp(24px,4vw,64px);bottom:max(28px,env(safe-area-inset-bottom));max-width:370px;width:calc(100% - 125px);margin:0;font-size:12px;line-height:1.6;color:#fff;text-shadow:0 1px 4px #000}
.e3-film-next{position:absolute;right:clamp(24px,4vw,64px);bottom:max(28px,env(safe-area-inset-bottom));display:grid;place-items:center;width:54px;height:54px;border:1px solid #ffffff80;border-radius:50%;background:#14201a66;color:#fff;text-decoration:none;font-size:28px;transition:background .2s}
.e3-film-next:hover{background:#356126}
.e3-film :focus-visible{outline-color:#d4f9a6}
.e3-film-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff20;display:none}
.e3-film.is-scrubbing .e3-film-progress{display:block}
.e3-film-progress span{display:block;height:100%;background:#d4f9a6;transform:scaleX(0);transform-origin:left}
.e3-landing main>.e3-public{padding-top:42px}
#como-funciona{scroll-margin-top:24px}
@media(max-width:720px){
 .e3-film-stage>.e3-top{padding:16px 20px;gap:12px}
 .e3-film-stage>.e3-top nav{gap:10px}
 .e3-film-stage>.e3-top nav>a:first-child{font-size:12px;max-width:none;line-height:1.35}
 .e3-film-stage>.e3-top .e3-button{padding:9px 12px;font-size:12px;min-height:44px}
 .e3-film-stage{min-height:480px}
 .e3-film.is-scrubbing{height:600vh;height:600svh}
 .e3-film-video{object-fit:cover;background:#14201a}
 .e3-film-copy{left:24px;right:24px}
 .e3-film-copy h1{font-size:clamp(32px,8.6vw,46px)}
 .e3-film-copy>p:not(.e3-eyebrow){font-size:17px;max-width:320px}
 .e3-film-disclosure{font-size:11px;max-width:260px}
 .e3-film-hint{bottom:130px;font-size:12px}
}
@media(max-height:540px) and (min-width:721px){.e3-film-copy h1{font-size:44px}.e3-film-copy .e3-eyebrow{margin-bottom:10px}.e3-film-copy>p:not(.e3-eyebrow){margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.e3-film.is-scrubbing{height:auto}.e3-film-copy{opacity:1!important;translate:none!important;pointer-events:auto!important}}

/* Hide from first paint, even while deferred scripts are loading.
   Without JavaScript or with reduced motion, keep the static hero readable. */
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
 .e3-film.is-pending .e3-film-copy{visibility:hidden;opacity:0;translate:0 18px;pointer-events:none;transition:none}
 .e3-film.is-pending .e3-film-shade::after{opacity:0;transition:none}
}

/* Loading occupies the scroll hint position, while the first frame stays still. */
.e3-film-loading{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);width:min(300px,calc(100% - 48px));padding:14px 18px;border:1px solid #ffffff40;border-radius:14px;background:#14201ae6;color:#fff;font-size:13px;box-shadow:0 4px 24px #0003}
.e3-film-loading[hidden]{display:none}
.e3-film-loading-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.e3-film-loading-value{font-variant-numeric:tabular-nums}
.e3-film-loading-track{height:5px;overflow:hidden;border-radius:6px;background:#ffffff30}
.e3-film-loading-track>span{display:block;height:100%;background:#d4f9a6;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}
.e3-film.is-loading .e3-film-progress{display:none}
@media(max-width:720px){.e3-film-loading{bottom:130px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.e3-film-loading-track>span{transition:none}}
