*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#010b28;font-family:Arial,sans-serif}main{width:100%;max-width:1024px;margin:auto;overflow:hidden}.block,footer{position:relative;margin:0;line-height:0;isolation:isolate}.art{display:block;width:100%;height:auto}.block::before,.block::after,footer::before{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:2}.block::after{bottom:-1px;height:4%;background:linear-gradient(transparent,#010b28)}.block+.block::before,footer::before{top:-1px;height:1.7%;background:linear-gradient(#010b28,transparent)}footer::before{height:8%}.cta{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;gap:.35em;padding:0 3%;font-weight:900;font-size:clamp(12px,4.4vw,45px);line-height:1.04;text-align:center;border:2px solid #fff49f;border-radius:999px;color:#050900;text-decoration:none;background:linear-gradient(165deg,#fff55c 0%,#ffe02a 53%,#ffc400 100%);box-shadow:0 0 26px #ffcf4490,0 16px 36px #ffb00045;cursor:pointer;transition:transform .22s,box-shadow .22s,filter .22s;text-shadow:0 1px 1px #0002}.cta:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 0 34px #ffcf44b0,0 20px 45px #ffb00066}.cta:active{transform:translateY(0) scale(.99)}.cta span{font-size:1.3em;font-weight:500}.cta:focus-visible,.player:focus-visible{outline:3px solid white;outline-offset:5px}.cta[aria-disabled=true]{cursor:default}.b1 .cta{left:9%;width:82%;top:74.55%;height:8.1%}.b2 .cta{left:11%;width:78%;top:86.25%;height:7.7%;background:linear-gradient(155deg,#00ffd0,#00e9a9);border-color:#83ffe6;box-shadow:0 0 30px #00ffb980,0 15px 40px #00ff9d35}.b4 .cta{left:12%;width:76%;top:69%;height:11.2%;font-size:clamp(20px,5.9vw,61px);color:white;text-shadow:0 3px 7px #90500088;background:linear-gradient(165deg,#ffeb4d,#ffd000 50%,#ffae00);box-shadow:0 15px 30px #0007}.b5 .cta{left:17.7%;width:64.6%;top:89.85%;height:7.9%;font-size:clamp(16px,4.7vw,49px);color:#061c48;background:linear-gradient(165deg,#ffe642,#ffab09 50%,#ff7d00)}.player{position:absolute;z-index:3;overflow:hidden;border:0;border-radius:2%;background:#000;line-height:normal}.b1 .player{left:4.9%;width:90.2%;top:35%;height:32.6%}.b4 .player{left:5%;width:90%;top:33.25%;height:30.4%}.player iframe{display:block;width:100%;height:100%;border:0}.video-link{position:absolute;right:8px;bottom:8px;z-index:4;padding:5px 8px;border-radius:5px;background:#000b;color:#fff;font-size:10px;line-height:1.3;text-decoration:none}footer img{display:block;width:100%;height:auto}.mail{position:absolute;left:29%;width:45%;top:72%;height:9%}@media(min-width:1024px){.cta{font-size:45px}.b4 .cta{font-size:61px}.b5 .cta{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
/* As artes originais permanecem intactas. CSS recorta apenas a região dos
   botões impressos e recompõe seu fundo para os controles HTML. */
.b1{background:radial-gradient(ellipse at 50% 78%,#07418c88,transparent 35%),linear-gradient(#010b28 68%,#020b23 80%,#000 100%)}.b1>.art{clip-path:inset(0 0 27% 0)}
.b2{background:radial-gradient(ellipse at 50% 88%,#003d3766,transparent 40%),linear-gradient(#010b28 78%,#000e17 90%,#000 100%)}.b2>.art{clip-path:inset(0 0 14.3% 0)}
.b4{background:radial-gradient(ellipse at 53% 80%,#004bff 0%,#05269b 36%,#010b31 80%)}.b4>.art{clip-path:inset(0 0 32.4% 0)}
.b5{background:radial-gradient(ellipse at 55% 89%,#0651b8 0%,#022b70 40%,#001433 90%)}.b5>.art{clip-path:inset(0 0 10.9% 0)}
.b1>.art{mask-image:linear-gradient(#000 69%,transparent 73%)}.b2>.art{mask-image:linear-gradient(#000 84.4%,transparent 85.7%)}.b4>.art{mask-image:linear-gradient(#000 64%,transparent 67.6%)}.b5>.art{mask-image:linear-gradient(#000 88%,transparent 89.1%)}
/* A junção usa as cores da primeira linha da próxima arte, prolongadas
   verticalmente. A mistura termina nas mesmas cores do bloco seguinte. */
.block::before,footer::before{display:none}
.block::after{bottom:0;height:var(--blend-height,10%);background-image:var(--next-art);background-repeat:no-repeat;background-position:center top;background-size:100% 153600%;mask-image:linear-gradient(to bottom,transparent 0%,#0000000a 12%,#00000035 32%,#00000080 53%,#000000cb 74%,#000000f5 90%,#000 100%);pointer-events:none;z-index:2}
.b1{--next-art:url('assets/BLOCO.2.png');--blend-height:13%}
.b2{--next-art:url('assets/BLOCO.3.png');--blend-height:6%}
.b3{--next-art:url('assets/BLOCO.4.png');--blend-height:10%}
.b4{--next-art:url('assets/BLOCO.5.png');--blend-height:18%}
.b5{--next-art:url('assets/RODAPÉ.png');--blend-height:10%}

[hidden]{display:none!important}
main{container-type:inline-size}
.b1{height:132cqw;overflow:hidden}.b1>.art{position:absolute;top:0;left:0}.b1 .player{top:52.5cqw;height:48.9cqw}.b1 .cta{top:111.8cqw;height:12.15cqw}
.b4{height:122cqw;overflow:hidden}.b4>.art{position:absolute;top:-12cqw;left:0}.b4 .player{top:37.875cqw;height:45.6cqw}.b4 .cta{top:91.5cqw;height:16.8cqw}
.block::after{height:7cqw}.b1::after{height:9cqw}.b4::after{height:10cqw}
.offer{padding:24px 5% 44px;background:radial-gradient(ellipse,#064c9f88,transparent 75%);line-height:normal}.offer>img{display:block;width:100%;height:auto;border-radius:16px}.offer .offer-cta{position:relative;inset:auto;width:min(90%,750px);min-height:60px;margin:24px auto 0;padding:18px;font-size:clamp(16px,3.5vw,30px)}
.offer-timer{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:14px;white-space:nowrap;color:white;background:#031b3df2;border:1px solid #61dfff88;border-radius:50px;padding:11px 20px;box-shadow:0 8px 30px #0006;font-size:14px}.offer-timer strong{font-size:22px;color:#ffe343;font-variant-numeric:tabular-nums}
@media(max-width:600px){.offer-timer{bottom:10px;font-size:12px;padding:9px 16px}.offer-timer strong{font-size:20px}}
/* Retira somente as margens vazias das artes, sem reduzir texto ou vídeo. */
.offer-timer{display:none!important}
.b3{height:138cqw;overflow:hidden}.b3>.art{position:absolute;inset:0 auto auto 0;width:100%}
.b3::after{height:3cqw}
.b4{height:75cqw}.b4>.art{top:-47cqw}.b4 .player{top:2.875cqw;height:45.6cqw}.b4 .cta{top:56.5cqw;height:16.8cqw}.b4::after{height:2cqw}
.b5{height:143cqw;overflow:hidden}.b5>.art{position:absolute;top:-7cqw;left:0;width:100%}.b5 .cta{top:127.775cqw;height:11.85cqw}
/* A oferta recebe o mesmo cenário luminoso dos demais blocos. */
.offer{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#0863ce66,transparent 75%),#03276c}
.offer::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#02174422,#03143366),url('assets/desktop-background.svg') center/cover no-repeat;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}
.offer::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 93%,#00bdff55,transparent 55%)}

/* Oferta apenas com a imagem, sem painel ou botão adicional. */
#oferta.offer{padding:0;margin:0;background:none;overflow:visible}
#oferta.offer::before,#oferta.offer::after{display:none}
#oferta.offer>img{width:100%;height:auto;border-radius:0;border:0;box-shadow:none}
