/*
Theme Name: Renda Fixa Clean
Template: astra
Version: 2.1
Description: Tema dark para Renda Fixa Explicada
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ── DARK THEME ── */
body,
body.blog,
body.home {
  background: #0a0a0f !important;
  color: #e4e4e7 !important;
}
.ast-separate-container {
  background: #0a0a0f !important;
}
.site-content {
  background: #0a0a0f !important;
}

/* ── HEADER ── */
.ast-primary-header-bar {
  background: rgba(10,10,15,0.95) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #1e1e2a !important;
}
.site-title a, .site-branding a {
  color: #3b82f6 !important;
  font-weight: 700 !important;
}
.main-navigation a, .main-header-menu a {
  color: #7f7f8f !important;
}
.main-navigation a:hover, .main-header-menu a:hover {
  color: #e4e4e7 !important;
}

/* ── LINKS ── */
a {
  color: #3b82f6 !important;
}
a:hover {
  color: #60a5fa !important;
}

/* ── POST CARDS ── */
.ast-row .ast-article-post {
  background: #13131a !important;
  border: 1px solid #1e1e2a !important;
  border-radius: 16px !important;
  padding: 0 !important;
  transition: all 0.3s !important;
  overflow: hidden !important;
}
.ast-row .ast-article-post:hover {
  background: #1a1a24 !important;
  border-color: rgba(59,130,246,0.2) !important;
}

.ast-row .ast-article-post .blog-layout-4 {
  padding: 28px !important;
}

/* ── POST TITLE ── */
.entry-title {
  margin-bottom: 10px !important;
}
.entry-title a {
  color: #e4e4e7 !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}
.entry-title a:hover {
  color: #3b82f6 !important;
}

/* ── POST META ── */
.entry-meta, .entry-meta a, .posted-on, .author-name, .ast-blog-meta-container {
  color: #7f7f8f !important;
  font-size: 0.8rem !important;
}

/* ── EXCERPT ── */
.ast-excerpt-container p {
  color: #7f7f8f !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
}

/* ── CATEGORY ── */
.ast-taxonomy-container a {
  color: #3b82f6 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

/* ── HERO ── */
.home-hero {
  background: linear-gradient(135deg, #1e3a8a, #2563eb 60%, #3b82f6) !important;
  padding: 80px 24px 90px !important;
  text-align: center !important;
  margin-bottom: 32px !important;
}
.home-hero h1 {
  font-size: clamp(2rem, 4.5vw, 3.2rem) !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 auto 16px !important;
  max-width: 650px !important;
  line-height: 1.15 !important;
}
.home-hero p {
  font-size: clamp(1rem, 1.8vw, 1.15rem) !important;
  color: rgba(255,255,255,0.8) !important;
  max-width: 500px !important;
  margin: 0 auto 28px !important;
  line-height: 1.6 !important;
}
.home-hero .btn-primary {
  display: inline-block !important;
  background: #fff !important;
  color: #1e40af !important;
  padding: 14px 36px !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.2) !important;
}

/* ── FOOTER ── */
.site-footer, .site-below-footer-wrap {
  background: #050508 !important;
  color: #7f7f8f !important;
  border-top: 1px solid #1e1e2a !important;
}
.site-footer a, .ast-footer-copyright {
  color: #7f7f8f !important;
}
.site-footer a:hover {
  color: #3b82f6 !important;
}

/* ── PAGINATION ── */
.ast-pagination a {
  background: #13131a !important;
  border: 1px solid #1e1e2a !important;
  border-radius: 8px !important;
  color: #e4e4e7 !important;
}

/* ── SIDEBAR ── */
.widget-area {
  background: #13131a !important;
  border: 1px solid #1e1e2a !important;
  border-radius: 16px !important;
  padding: 24px !important;
}
.widget-title {
  color: #e4e4e7 !important;
  font-weight: 700 !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 768px) {
  .home-hero { padding: 50px 20px 60px !important; }
  .ast-row .ast-article-post .blog-layout-4 { padding: 20px !important; }
}