/* Topo padrão das páginas públicas (Planos, Contato): faixa na cor da marca, título e uma linha de apoio.
   O conteúdo principal sobe sobre a faixa (margin-top negativa na seção seguinte). */

.pg-hero {
    background: linear-gradient(135deg, var(--primary, #2d2b52), color-mix(in srgb, var(--primary, #2d2b52) 62%, #000));
    padding: 40px 0 72px;
    text-align: center;
}

.pg-hero-title {
    margin: 0 0 10px;
    font-size: clamp(26px, 5vw, 44px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #fff;
    text-wrap: balance;
}

.pg-hero-sub {
    margin: 0 auto;
    max-width: 34rem;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
}