@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-300-900.woff2) format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/DMMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(/fonts/Montserrat.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--cinza:#E6E6E6;--preto:#1E1E1E;--vermelho:#E03A3E;--vinho:#7A2420;--creme:#F4F2EE}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cinza);color:var(--preto);font:400 18px/1.6 Montserrat,system-ui,sans-serif}
img,video{display:block;max-width:100%}
a{color:inherit}
a:focus-visible{outline:3px solid var(--vermelho);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.topo{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0}
.topo img{width:132px;height:auto}
.topo nav a{font:400 13px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em}
.rotulo{display:inline-block;background:var(--vermelho);color:#fff;border-radius:99px;padding:5px 14px;font:400 12px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:900;line-height:1.08;margin:0}
h1{font-size:clamp(40px,8vw,76px);margin:18px 0 22px;max-width:15ch}
h2{font-size:clamp(28px,5vw,44px);margin-bottom:22px}
h3{font-size:22px;margin-bottom:6px}
.abre{padding:34px 0 64px}
.abre p{font-size:clamp(19px,2.6vw,23px);max-width:38em;margin:0 0 30px}
.botao{display:inline-block;background:var(--preto);color:#fff;text-decoration:none;font-weight:700;padding:16px 26px;border-radius:99px}
.botao:hover{background:var(--vermelho)}
section{padding:60px 0;border-top:1px solid #1e1e1e33}
.lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.lista li{background:var(--creme);padding:22px;border-radius:6px}
.lista p,.passos p{margin:0}
.filmes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.filmes figure{margin:0}
.filmes video{width:100%;aspect-ratio:9/16;object-fit:cover;background:var(--preto);border-radius:6px}
.filmes figcaption{font:400 13px/1.5 "DM Mono",monospace;margin-top:10px}
.passos{list-style:none;counter-reset:p;margin:0;padding:0}
.passos li{counter-increment:p;display:grid;grid-template-columns:54px 1fr;padding:16px 0;border-bottom:1px solid #1e1e1e22}
.passos li::before{content:counter(p,decimal-leading-zero);font:400 15px "DM Mono",monospace;color:var(--vinho);padding-top:4px}
details{border-bottom:1px solid #1e1e1e33;padding:16px 0}
summary{cursor:pointer;font-weight:700}
details p{margin:10px 0 0}
.fecha{background:var(--preto);color:var(--cinza);border:0}
.fecha h2{color:#fff}
.fecha p{max-width:34em}
.fecha .botao{background:var(--vermelho)}
.fecha .botao:hover{background:#fff;color:var(--preto)}
.outros{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.outros a{display:inline-block;border:1px solid var(--preto);border-radius:99px;padding:9px 16px;text-decoration:none;font-size:15px}
.outros a:hover{background:var(--preto);color:#fff}
footer{padding:26px 0;font:400 13px "DM Mono",monospace}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}