/*
Theme Name: História Animada Studio v3 - IA & YouTube
Theme URI: https://historiaanimada.com
Author: Geanio + IA
Version: 3.0 VOZES
Description: Tema profissional dark premium inspirado no Studio v3 COM VOZES. Leve (sem hospedar vídeos), puxa vídeos do YouTube via API/RSS, blocos de anúncios no header, footer e meio do vídeo, 100% responsivo, com gerador de roteiro IA integrado.
License: GPL v2
Text Domain: historia-animada
*/

:root{
  --bg:#0f0f0f; --card:#1a1a1a; --card2:#242424; --gold:#f59e0b; --gold2:#fbbf24; --text:#f5f5f5; --muted:#9ca3af;
}
* {box-sizing:border-box}
body{background:var(--bg); color:var(--text); font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif; margin:0}
a{color:var(--gold); text-decoration:none}
.container{max-width:1280px; margin:0 auto; padding:0 16px}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2)); color:#000; font-weight:800; padding:10px 18px; border-radius:999px; border:0; cursor:pointer; transition:.2s}
.btn-gold:hover{transform:scale(1.05)}
.card{background:var(--card); border:1px solid #2a2a2a; border-radius:16px; padding:16px}
.ad-slot{background:#111; border:1px dashed #333; border-radius:12px; min-height:90px; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:12px; margin:16px 0; position:relative; overflow:hidden}
.ad-slot:before{content:'ANÚNCIO'; position:absolute; top:4px; right:8px; font-size:9px; letter-spacing:1px; color:#555}
.grid-yt{display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px}
.yt-card{background:var(--card); border-radius:14px; overflow:hidden; border:1px solid #222; transition:.2s}
.yt-card:hover{border-color:var(--gold); transform:translateY(-3px)}
.yt-thumb{aspect-ratio:16/9; background:#000; position:relative; overflow:hidden}
.yt-thumb img{width:100%; height:100%; object-fit:cover}
.yt-info{padding:12px}
.badge{display:inline-block; background:var(--gold); color:#000; font-size:10px; font-weight:800; padding:3px 8px; border-radius:999px; margin-bottom:6px}
.header-sticky{position:sticky; top:0; z-index:50; backdrop-filter:blur(12px); background:rgba(15,15,15,.9); border-bottom:1px solid #222}
.studio-bar{display:flex; gap:8px; overflow-x:auto; padding:10px 0}
.char-chip{min-width:88px; text-align:center; background:var(--card2); border:1px solid #333; border-radius:12px; padding:8px; cursor:pointer}
.char-chip:hover{border-color:var(--gold)}
@media(max-width:768px){.grid-yt{grid-template-columns:1fr 1fr} .hide-mobile{display:none}}
@media(max-width:480px){.grid-yt{grid-template-columns:1fr}}