/* ==========================================================
   sr-atd-irpf.css — Checkup IRPF
   Template:
   - S-R ATD
   Função:
   - layout da satélite rápida híbrida
   - hero com CTA duplo
   - cards rápidos
   - bloco de caminhos
   - box de atendimento
   - FAQ curta
   - relacionados
   - CTA final duplo

   NÃO colocar aqui:
   - tokens de tema
   - footer
   - hubnav
   - topbar global
   - sidebar
   ========================================================== */

/* ==========================================================
   1) HERO ATD
   ========================================================== */
.rb-sr-atd-hero {
  padding-top: var(--rb-space-6);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-hero-card {
  display: grid;
  gap: var(--rb-space-3);
  max-width: 860px;
  padding: var(--rb-space-7);
  border: 1px solid var(--rb-border);
  border-radius: var(--rb-radius-xl);
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--rb-brand-2) 18%, transparent), transparent 42%),
    var(--rb-surface);
  box-shadow: var(--rb-shadow-md);
}

.rb-sr-atd-hero-card h1 {
  max-width: 18ch;
  margin-bottom: var(--rb-space-2);
}

.rb-sr-atd-hero-card .rb-lead {
  max-width: 64ch;
  margin-bottom: var(--rb-space-2);
}

/* ==========================================================
   2) CARDS RÁPIDOS
   ========================================================== */
.rb-sr-atd-cards {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-cards .rb-sr-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rb-space-4);
}

.rb-sr-atd-cards .card {
  height: 100%;
}

/* ==========================================================
   3) CAMINHOS RECOMENDADOS
   ========================================================== */
.rb-sr-atd-paths {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-path-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--rb-space-4);
}

.rb-sr-atd-path-grid .card {
  height: 100%;
}

/* ==========================================================
   4) BOX DE ATENDIMENTO
   ========================================================== */
.rb-sr-atd-office-box {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-office-box .rb-cta-box {
  max-width: 860px;
}

/* ==========================================================
   5) RELACIONADOS
   ========================================================== */
.rb-sr-atd-related {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-related .card {
  max-width: 920px;
}

/* ==========================================================
   6) FAQ
   ========================================================== */
.rb-sr-atd-faq {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-4);
}

.rb-sr-atd-faq .card {
  max-width: 920px;
}

/* ==========================================================
   7) CTA FINAL DUPLO
   ========================================================== */
.rb-sr-atd-final-cta {
  padding-top: var(--rb-space-4);
  padding-bottom: var(--rb-space-7);
}

.rb-sr-atd-final-cta .rb-cta-box {
  max-width: 860px;
}

/* ==========================================================
   8) TABLETS
   ========================================================== */
@media (max-width: 980px) {
  .rb-sr-atd-hero-card {
    padding: var(--rb-space-6);
  }

  .rb-sr-atd-cards .rb-sr-card-grid {
    grid-template-columns: 1fr 1fr;
  }

  .rb-sr-atd-path-grid {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   9) MOBILE
   ========================================================== */
@media (max-width: 640px) {
  .rb-sr-atd-hero {
    padding-top: var(--rb-space-5);
  }

  .rb-sr-atd-hero-card {
    padding: var(--rb-space-5);
  }

  .rb-sr-atd-hero-card h1 {
    max-width: none;
  }

  .rb-sr-atd-cards .rb-sr-card-grid {
    grid-template-columns: 1fr;
  }

  .rb-sr-atd-office-box .rb-cta-box,
  .rb-sr-atd-final-cta .rb-cta-box,
  .rb-sr-atd-faq .card,
  .rb-sr-atd-related .card {
    max-width: 100%;
  }
}