:root{--fundo:#0a0a0c;--painel:#131318;--texto:#e8e6e3;--suave:#9a97a0;
--destaque:#e5484d;--borda:#26242c}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--fundo);color:var(--texto);font:16px/1.65 system-ui,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;
border-bottom:1px solid var(--borda)}
.logo{font-weight:800;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;
color:var(--destaque)}
nav{display:flex;gap:22px;font-size:.95rem}
nav a:hover{color:var(--destaque)}
main{max-width:1060px;margin:0 auto;padding:40px 5vw 80px}
.hero h1{font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.25;max-width:700px;margin-bottom:36px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.card{background:var(--painel);border:1px solid var(--borda);border-radius:12px;
overflow:hidden;transition:.15s;display:flex;flex-direction:column}
.card:hover{border-color:var(--destaque);transform:translateY(-2px)}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.card h3{padding:14px 16px 4px;font-size:1.02rem;line-height:1.4}
.card span{padding:0 16px 16px;color:var(--suave);font-size:.85rem}
.texto{max-width:760px;margin:0 auto}
.texto h1{font-size:clamp(1.4rem,3.4vw,2rem);line-height:1.3;margin-bottom:8px}
.texto h2{margin:34px 0 12px;font-size:1.2rem;color:var(--destaque)}
.texto p{margin:14px 0;color:#cfccd4}
.meta{color:var(--suave);font-size:.9rem}
.embed{position:relative;aspect-ratio:16/9;margin:22px 0;border-radius:12px;overflow:hidden;
border:1px solid var(--borda)}
.embed iframe{position:absolute;inset:0;width:100%;height:100%}
.fontes{margin:8px 0 8px 20px;color:#cfccd4}
.fontes li{margin:8px 0}
.botao{display:inline-block;margin-top:18px;padding:12px 22px;background:var(--destaque);
color:#fff;border-radius:8px;font-weight:600}
.vazio{color:var(--suave);font-style:italic;margin:30px 0}
footer{display:flex;justify-content:space-between;padding:24px 5vw;border-top:1px solid
var(--borda);color:var(--suave);font-size:.88rem;flex-wrap:wrap;gap:8px}
@media(max-width:560px){header{flex-direction:column;gap:12px}}

.cta-video{margin:28px 0;border:1px solid var(--borda);border-radius:12px;overflow:hidden;
background:var(--painel)}
.cta-video a{display:flex;align-items:center;gap:16px}
.cta-video img{width:180px;aspect-ratio:16/9;object-fit:cover;flex-shrink:0}
.cta-video div{display:flex;flex-direction:column;gap:4px;padding:12px 16px 12px 0}
.cta-video strong{color:var(--destaque)}
.cta-video span{color:var(--suave);font-size:.92rem}
.cta-video:hover{border-color:var(--destaque)}
@media(max-width:560px){.cta-video a{flex-direction:column;align-items:stretch}
.cta-video img{width:100%}.cta-video div{padding:0 16px 14px}}