
/* Identidade local: Lexend + arquivos oficiais Ecom. */
@font-face{font-family:Lexend;src:url('assets/fonts/lexend-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Lexend;src:url('assets/fonts/lexend-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lexend;src:url('assets/fonts/lexend-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Lexend;src:url('assets/fonts/lexend-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Lexend;src:url('assets/fonts/lexend-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Lexend,Arial,sans-serif}
.slide{transition:none}
.slide.active .enter{animation:none!important}
.slide.leaving{visibility:visible;opacity:1;pointer-events:none}
.slide h1,.slide h2,.slide h3{letter-spacing:-.055em;font-weight:400}
.slide h1{font-size:89px}.cover h1{font-size:96px}.slide h2{font-size:64px}
.slide h3{font-size:25px}.slide p,.checks li{font-size:21px}
.slide .intent{font-size:18px!important}.objective p{font-size:20px}.journey h2{font-size:54px}
.journey-column p{font-size:19px}.mobile-slide h2{font-size:58px}.mobile-slide .checks li{font-size:20px}
.results h2{font-size:68px}.result-items h3{font-size:24px}.result-items p{font-size:19px}
.ending h2{font-size:67px}.quote-block blockquote{font-size:43px;letter-spacing:-2px}
.eyebrow{font-family:Lexend,Arial,sans-serif;font-size:10px;letter-spacing:1.5px;font-weight:400}
.ecom-logo{display:block;width:170px;height:auto;object-fit:contain}
.cover-brand{position:relative;left:-20px;top:-20px;width:220px}
.cover-brand .ecom-logo{width:220px}
.rail-mark{display:flex;align-items:center;justify-content:center;width:42px;height:44px}
.rail-mark .ecom-logo{width:52px;max-width:none;transform:rotate(-90deg)}
.toolbar .brand{width:105px;height:42px;display:flex;align-items:center;margin-right:auto}
.toolbar .brand .ecom-logo{width:105px;height:42px}
.browser .capture{isolation:isolate}
.capture{transition:filter .4s,box-shadow .4s;transform-origin:center}
.capture.hover-focus{z-index:4;filter:contrast(1.025);box-shadow:0 12px 36px #0002}
.capture.hover-focus img{scale:1.035}
.capture img{transition:scale .6s cubic-bezier(.16,1,.3,1)}
.capture:after{content:'↗ Ver em detalhe';font-family:Lexend,Arial,sans-serif;font-size:11px}
.motion-caption{position:absolute;left:24px;bottom:50px;background:#191919ed;color:#fff;padding:12px 18px;border-radius:5px;font-size:14px;max-width:90%;z-index:5;pointer-events:none;box-shadow:0 6px 24px #0002}
.operations-visual .motion-caption{bottom:auto;top:45%;left:20px}
.slide .result-foot{font-size:13px!important}
.slide .example{font-size:12px!important}
.slide .comparison-note{font-size:16px!important}
.slide .stage-result{font-size:24px!important}
@media(max-width:700px) and (orientation:portrait){
.slide h1,.cover h1{font-size:43px}.slide h2,.copy h2,.journey h2,.mobile-slide h2{font-size:36px}
.slide h3{font-size:23px}.slide p,.checks li{font-size:17px}.objective p{font-size:17px}
.slide .intent{font-size:16px!important}.result-items h3{font-size:20px}.result-items p{font-size:15px}
.mobile-slide .checks li{font-size:16px}.ending h2{font-size:34px}.quote-block blockquote{font-size:32px}
.cover-brand{left:-16px;top:-14px}.cover-brand .ecom-logo{width:160px}
.rail-mark .ecom-logo{width:34px}.toolbar .brand{display:none}
.motion-caption{display:none}.slide .stage-result{font-size:20px!important}
}
@media(prefers-reduced-motion:reduce){.capture img{transition:none}.motion-caption{display:none}.slide.leaving{visibility:hidden}}
@media print{.motion-caption{display:none}.slide.leaving{display:none!important}}

.cover .rail-mark .ecom-logo{filter:invert(1)}

.remotion-slide{padding:34px 95px 30px 55px}
.remotion-heading{position:relative;padding:0 20px;min-height:83px}
.remotion-heading .eyebrow{margin-bottom:9px}
.slide .remotion-heading h2{font-size:35px;letter-spacing:-1.8px}
.slide .remotion-heading p{position:absolute;right:15px;bottom:5px;font-size:16px;color:#666;max-width:460px}
.remotion-film{width:1280px;height:720px;max-width:100%;margin:10px auto 0;overflow:hidden;border-radius:12px;border:1px solid #d8dde4;background:#f4f5f7}
.remotion-film video{display:block;width:100%;height:100%;object-fit:contain}
.remotion-controls{display:flex;gap:12px;align-items:center;margin:10px auto 0;max-width:1280px;font-size:11px;color:#777}
.remotion-controls span{margin-right:auto}
.remotion-controls button{font-family:Lexend,Arial,sans-serif;border:0;background:transparent;border-bottom:1px solid #aaa;color:#444;padding:7px;font-size:11px}
@media(max-width:700px) and (orientation:portrait){
.slide.remotion-slide{padding:42px 26px 70px}
.remotion-heading{padding:0;min-height:0}
.slide .remotion-heading h2{font-size:35px}
.slide .remotion-heading p{position:static;font-size:16px;margin-top:20px;line-height:1.6}
.remotion-film{height:auto;aspect-ratio:16/9;margin-top:30px}
.remotion-controls{flex-wrap:wrap;gap:10px;font-size:10px}
.remotion-controls span{flex-basis:100%;font-size:10px}
}
