/* Estilos Globais */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root{
  --bg-grad-1: #f7f8fb;
  --primary: #1a4b8a; /* azul profundo */
  --accent: #6b5bff; /* roxo-azulado */
  --gold: #d4af37;
  --text: #1f2937;
  --muted: #6b7280;
  --card-bg: #ffffff;
  --radius: 12px;
  --gap: 24px;
}

body {
  font-family: 'Inter', sans-serif;
  background: linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
  color: var(--text);
  -webkit-font-smoothing:antialiased;
}

a{color:var(--primary);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:16px}

.site-header{background:linear-gradient(90deg,var(--primary),var(--accent));color:white}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.logo{font-weight:700;font-size:1.125rem;color:white}

.main-nav{position:relative}
.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,0.15);color:white;padding:8px 10px;border-radius:8px}
.nav-list{list-style:none;display:flex;gap:12px}
.nav-list a{color:rgba(255,255,255,0.95);padding:8px;border-radius:8px}

/* Hero */
.hero{padding:32px 0;background:linear-gradient(180deg, rgba(26,75,138,0.05), transparent)}
.hero-content{display:flex;gap:24px;align-items:center}
.hero-left{flex:1}
.hero-left h1{font-family:'Poppins', sans-serif;font-size:1.75rem;margin-bottom:8px;color:var(--text)}
.lead{color:var(--muted);margin-bottom:12px}
.hero-ctas .btn{margin-right:8px}
.hero-media img{width:320px;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(16,24,40,0.12)}

.container{padding:24px 0}
.content .main-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}
.posts{display:grid;grid-template-columns:1fr;gap:16px}

.card{background:var(--card-bg);border-radius:var(--radius);padding:12px;box-shadow:0 8px 20px rgba(16,24,40,0.06)}
.post .post-thumb{width:100%;height:200px;object-fit:cover;border-radius:8px}
.card-body{padding:12px}
.category{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--primary));color:white;padding:6px 10px;border-radius:20px;font-size:0.75rem}
.post h2{font-family:'Poppins',sans-serif;font-size:1.125rem;margin:8px 0}
.meta{color:var(--muted);font-size:0.875rem}
.excerpt{color:#4b5563;margin-top:8px}

.sidebar .card h3{margin-bottom:8px}
.live-card img{width:100%;height:140px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;transition:all .25s ease}
.btn.primary{background:var(--primary);color:white}
.btn.outline{border:1px solid var(--primary);color:var(--primary);background:transparent}
.btn.small{padding:6px 8px;font-size:0.875rem}
.btn.block{display:block;width:100%;text-align:center}
.link{color:var(--primary);font-weight:600}

/* Footer */
.site-footer{padding:20px;background:#f8fafc;margin-top:24px}

/* Responsivo */
@media (max-width: 768px){
  .wrap{padding:12px}
  .nav-list{display:none}
  .nav-toggle{display:inline-block}
  .hero-content{flex-direction:column}
  .hero-media img{width:100%;height:200px}
  .content .main-grid{grid-template-columns:1fr}
  .sidebar{order:2}
}

/* Acessibilidade */
.btn:focus{outline:3px solid rgba(107,91,255,0.3)}

/* Pequenas animações */
.card{transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,24,40,0.12)}

/* Post teaser */
.post .post-thumb{border-radius:8px}