/* ============================================
   A23 Digital — site v2 · home
   ============================================ */

/* ===== HERO ===== */
.dados .hero {
    padding: 104px 0 96px;
    background: radial-gradient(ellipse 90% 60% at 50% -10%, var(--purple-glow) 0%, transparent 68%), var(--bg);
}
.dados .hero h1 { max-width: 780px; }
.dados .hero-sub { margin-top: 24px; max-width: 620px; font-size: 17px; }

.dados .hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; }

.dados .hero-badge { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 40px; }
.dados .hero-badge-note { font-size: 13px; color: var(--muted-dim); }
.dados a.badge-partner { transition: border-color .15s, color .15s; }
.dados a.badge-partner:hover { border-color: var(--border-lit); color: var(--muted); }

.dados .hero-metrics { margin-top: 64px; padding-top: 44px; border-top: 1px solid var(--border); }

/* ===== PILARES ===== */
.dados .pilares-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dados .pilares-grid .card { display: block; }
.dados .pilares-grid .card:hover .card-link { text-decoration: underline; }

/* ===== CASE-ÂNCORA ===== */
.dados .case-ancora .case p + p { margin-top: 16px; }

/* ===== COMPARATIVO (agência × A23) ===== */
.dados .comparativo-home .tabela thead th:last-child { color: var(--pink); }
.dados .comparativo-home .tabela tbody td:not(:first-child) { text-align: left; }
.dados .comparativo-home .tabela thead th:not(:first-child) { text-align: left; }

/* ===== CASES ===== */
.dados .cases-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.dados .cases-grid .case h3 { margin-bottom: 14px; }

/* ===== PÚBLICO ===== */
.dados .publico-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dados .publico-item {
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 2px solid var(--purple);
    border-radius: var(--radius);
    padding: 26px;
}
.dados .publico-item strong { color: var(--text); font-weight: 600; }

/* ===== RESPONSIVO ===== */
@media (max-width: 900px) {
    .dados .pilares-grid,
    .dados .cases-grid { grid-template-columns: 1fr; }
    .dados .publico-list { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .dados .hero { padding: 72px 0 64px; }
    .dados .hero-cta .btn { width: 100%; }
    .dados .metrics { gap: 28px; }
    .dados .case { padding: 26px; }
    .dados .case-metrics { gap: 24px; }
}