:root{--red:#e50914;--bg:#070707;--card:#141414;--muted:#b3b3b3;--text:#fff;--soft:#222}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(229,9,20,.28),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.15),#070707 70%);z-index:-1}
header{position:sticky;top:0;background:rgba(7,7,7,.92);backdrop-filter:blur(12px);border-bottom:1px solid #252525;z-index:9}
.nav{max-width:1180px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:900;font-size:24px;color:var(--red);letter-spacing:.3px;text-decoration:none}.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{color:#eee;text-decoration:none;font-size:14px}.menu a:hover{color:var(--red)}#toggle{display:none}.hamb{display:none;color:#fff;font-size:28px}
.hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,#070707 0%,rgba(7,7,7,.82) 46%,rgba(7,7,7,.35)),url('hero.svg');background-size:cover;background-position:center}
.wrap{max-width:1180px;margin:auto;padding:42px 20px}.hero h1{font-size:clamp(36px,6vw,72px);line-height:1.02;margin:0 0 16px}.hero p{max-width:760px;color:#e4e4e4;font-size:18px}.btn{display:inline-block;background:var(--red);color:white;text-decoration:none;padding:13px 22px;border-radius:6px;font-weight:800;margin-right:10px}.btn.secondary{background:#333}
.row-title{font-size:28px;margin:8px 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,#1d1d1d,#111);border:1px solid #252525;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.35);transition:.2s}.card:hover{transform:translateY(-5px);border-color:#555}.thumb{height:145px;background:linear-gradient(135deg,#2b2b2b,#0d0d0d);display:flex;align-items:end;padding:14px;position:relative}.thumb:after{content:"EN VIVO";position:absolute;top:12px;right:12px;background:var(--red);padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.card h3{margin:14px 14px 4px}.card p{margin:0 14px 18px;color:var(--muted);font-size:14px}.content{display:grid;grid-template-columns:2fr 1fr;gap:28px}.panel{background:rgba(20,20,20,.92);border:1px solid #242424;border-radius:18px;padding:26px}.panel p{color:#ddd}.badge{display:inline-block;background:#2b2b2b;color:#fff;border-left:4px solid var(--red);padding:8px 12px;margin:8px 8px 8px 0;border-radius:4px}.comment{background:#101010;border-left:3px solid var(--red);padding:16px;border-radius:10px;margin:14px 0}.comment strong{display:block;color:#fff}.comment span{color:#cfcfcf}
footer{border-top:1px solid #252525;margin-top:40px;color:#999;padding:32px 20px;text-align:center;background:#050505}
@media(max-width:800px){.hamb{display:block}.menu{display:none;position:absolute;left:0;right:0;top:64px;background:#090909;padding:16px 20px;flex-direction:column;border-bottom:1px solid #333}#toggle:checked~.menu{display:flex}.grid{grid-template-columns:1fr}.content{grid-template-columns:1fr}.hero{min-height:460px}.nav{position:relative}}
@media(min-width:801px) and (max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}}