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

.dados .pacotes-hero {
    padding: 96px 0 80px;
    background: radial-gradient(ellipse 80% 60% at 30% -10%, var(--purple-glow) 0%, transparent 66%), var(--bg);
}
.dados .pacotes-hero-sub { margin-top: 24px; max-width: 600px; font-size: 17px; }

.dados .porque { background: var(--surface); }
.dados .porque .section-head { margin-bottom: 0; }

/* ===== PLANOS ===== */
.dados .planos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }

.dados .plano {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 36px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dados .plano-destaque {
    border-color: rgba(89, 52, 240, .5);
    background: linear-gradient(180deg, var(--purple-soft) 0%, transparent 42%), var(--surface);
}

.dados .plano-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.dados .plano-nome { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.dados .plano-prazo { font-size: 12px; color: var(--muted-dim); }
.dados .plano-desc { margin-bottom: 28px; }

.dados .plano-lista { margin-bottom: 32px; flex-grow: 1; }
.dados .plano-lista li {
    position: relative;
    padding: 10px 0 10px 26px;
    font-size: 14.5px;
    color: var(--muted);
    line-height: 1.6;
    border-bottom: 1px solid var(--border);
}
.dados .plano-lista li:last-child { border-bottom: none; }
.dados .plano-lista li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--purple-soft);
    border: 1px solid var(--purple);
}
.dados .plano-lista strong { color: var(--text); font-weight: 600; }

.dados .planos-nota {
    margin-top: 36px;
    padding: 24px 28px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 2px solid var(--pink);
    border-radius: var(--radius);
    font-size: 14.5px;
    max-width: 760px;
}
.dados .planos-nota strong { color: var(--text); font-weight: 600; }

/* ===== COMPARATIVO ===== */
/* Estilos de .tabela vivem em base.css — a home também usa. */
.dados .comparativo { background: var(--surface); }

/* ===== PROCESSO ===== */
.dados .processo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.dados .etapa {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 28px;
}
.dados .etapa-num {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--purple);
    margin-bottom: 16px;
}
.dados .etapa h3 { font-size: 17px; margin-bottom: 10px; }
.dados .etapa p { font-size: 14px; }

@media (max-width: 900px) {
    .dados .planos-grid { grid-template-columns: 1fr; }
    .dados .processo-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .dados .pacotes-hero { padding: 64px 0 56px; }
    .dados .plano { padding: 26px; }
    .dados .processo-grid { grid-template-columns: 1fr; }
}