/* Replay do laboratório: mesmo visual do pitch e da página de vendas (preto quente, oxblood, marfim, Bodoni). */
:root{
  --noite-0:#0f0d0c; --noite-1:#161312; --noite-2:#1c1817; --noite-3:#221e1c;
  --oxblood:#4a1210; --oxblood-vivo:#b04a3f; --oxblood-claro:#d49a8f;
  --pedra:#6a6962; --pedra-clara:#a8a49a;
  --marfim-texto:#e4e1d9; --marfim-corpo:#c9c4ba; --marfim-numero:#efebe3;
  --display:"Bodoni Moda","Didot","Times New Roman",serif;
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --lado:22px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--noite-0)}
body{background:var(--noite-1);color:var(--marfim-corpo);font:300 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
ol{list-style:none}
h1,h2,h3{font-family:var(--display);font-weight:500;font-variation-settings:"opsz" 18;color:var(--marfim-texto);letter-spacing:-.015em}
em{font-style:italic;color:var(--oxblood-claro)}
h1{font-size:clamp(40px,9vw,84px);line-height:1.02}
h2{font-size:clamp(34px,7.5vw,64px);line-height:1.05}
h3{font-size:clamp(22px,5vw,28px);line-height:1.2}
.eyebrow{font:500 13px/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--pedra-clara)}
.filete{display:flex;align-items:center;width:180px;margin:14px auto 20px}
.filete::before,.filete::after{content:"";height:1px;flex:1;background:var(--pedra)}
.filete i{width:10px;height:15px;border:1.5px solid var(--pedra-clara);border-radius:50%;margin:0 10px}

.aviso-prazo{position:sticky;top:0;z-index:10;background:var(--oxblood);border-bottom:1px solid var(--oxblood-vivo);padding:12px var(--lado) 13px;text-align:center;font:400 14px/1.4 var(--sans);color:var(--marfim-texto)}
.aviso-prazo b{font-weight:600}
.aviso-prazo span{display:inline-block;color:var(--oxblood-claro);font-weight:500;font-variant-numeric:tabular-nums}
.prazo-topo{margin-top:14px;font:500 13px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pedra-clara)}
.prazo-topo em{font-style:normal;color:var(--oxblood-claro)}
.encerrado{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}
.encerrado h3{font-size:clamp(24px,5vw,34px)}
.encerrado p{color:var(--pedra-clara);font-size:15px}
.topo{position:relative;overflow:hidden;text-align:center;padding:84px var(--lado) 60px;background:var(--noite-0)}
.topo-fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%;opacity:.55}
.topo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,13,12,.35),rgba(15,13,12,.95))}
.topo-txt{position:relative;z-index:1;max-width:820px;margin:0 auto}
.topo .eyebrow{color:var(--marfim-texto)}
.lead{margin-top:18px;font:500 clamp(19px,4.6vw,24px)/1.4 var(--display);font-variation-settings:"opsz" 18;color:var(--marfim-texto)}

.video-bloco{padding:0 var(--lado);max-width:1100px;margin:-10px auto 0;position:relative;z-index:2}
.video{position:relative;aspect-ratio:16/9;background:var(--noite-0);border:1px solid rgba(168,164,154,.22);overflow:hidden}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-vazio{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--pedra-clara);font-size:15px;letter-spacing:.08em}
.play{width:70px;height:70px;border:1.5px solid var(--oxblood-claro);border-radius:50%;position:relative}
.play::after{content:"";position:absolute;left:28px;top:22px;border-left:18px solid var(--oxblood-claro);border-top:13px solid transparent;border-bottom:13px solid transparent}

.dossie{padding:90px var(--lado) 100px;max-width:900px;margin:0 auto;text-align:center}
.corpo{margin:18px auto 0;max-width:600px;font-size:clamp(18px,4.4vw,21px)}
.botao{display:inline-block;margin-top:32px;background:var(--oxblood);border:1px solid var(--oxblood-vivo);color:var(--marfim-numero);text-decoration:none;font:600 15px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;padding:21px 36px 21px 42px;transition:background .2s ease}
.botao:hover{background:#5c1915}
.como{margin-top:80px;text-align:left;background:var(--noite-2);padding:44px 26px 48px}
.como > .eyebrow{text-align:center}
.aviso{margin:14px auto 0;text-align:center;max-width:560px;font:500 clamp(19px,4.6vw,23px)/1.35 var(--display);font-variation-settings:"opsz" 18;color:var(--marfim-texto)}
.passos{margin-top:34px;border-top:1px solid var(--pedra)}
.passos li{display:grid;grid-template-columns:54px 1fr;gap:4px;padding:26px 0;border-bottom:1px solid rgba(106,105,98,.5)}
.passos .n{font:italic 400 34px/1 var(--display);color:var(--oxblood-claro)}
.passos p{margin-top:8px;font-size:17px}
.como .botao{display:block;text-align:center;margin:34px auto 0;max-width:360px}

.rodape{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px var(--lado) 56px;background:var(--noite-0);font:500 12px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--pedra)}
.rodape img{width:64px}

@media (min-width:900px){
  :root{--lado:64px}
  .topo{padding:120px var(--lado) 90px}
  .como{padding:56px 60px 60px}
  .passos li{grid-template-columns:80px 1fr}
}

/* capa do replay do Zoom (o player do Zoom não abre dentro de outro site) */
.capa-zoom{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-decoration:none;background:url(img/fundo.webp) 60% 40%/cover}
.capa-zoom::before{content:"";position:absolute;inset:0;background:rgba(15,13,12,.55);transition:background .25s ease}
.capa-zoom:hover::before{background:rgba(15,13,12,.4)}
.capa-zoom .play,.capa-zoom .capa-rot{position:relative}
.capa-zoom .play{width:92px;height:92px;background:var(--oxblood);border-color:var(--oxblood-vivo)}
.capa-zoom .play::after{left:37px;top:29px;border-left-width:24px;border-left-color:var(--marfim-numero);border-top-width:17px;border-bottom-width:17px}
.capa-rot{font:600 14px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--marfim-numero)}
.codigo{margin-top:18px;text-align:center}
.codigo p{font-size:15px;color:var(--marfim-corpo)}
.codigo-linha{display:inline-flex;align-items:stretch;margin-top:12px;border:1px solid var(--oxblood-vivo)}
.codigo code{font:500 24px/1 var(--display);font-variation-settings:"opsz" 18;letter-spacing:.06em;color:var(--marfim-numero);padding:14px 20px;background:var(--noite-2)}
.codigo button{appearance:none;border:0;background:var(--oxblood);color:var(--marfim-numero);font:600 13px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:0 20px;cursor:pointer}
.codigo button:hover{background:#5c1915}