/* A oferta vem antes dos benefícios, na mesma ordem visual e de leitura. */
.pro-oferta .pro-resumo { margin: 22px auto 0; }
.pro-posicionamento summary { cursor: pointer; font-weight: 700; }
.pro-posicionamento p { margin-top: 10px; }

@media (max-width: 760px) {
    .page.pro-page { min-height: auto; padding: 0; }
    [data-responsive-site] .pro-page main { flex: none; padding: 4px 0 16px !important; }
    .pro-page .pro-hero { width: 100%; padding: 18px 16px; border-radius: 14px; text-align: left; }
    .pro-page .pro-conteudo { text-align: left; }
    .pro-page .pro-hero .eyebrow { margin: 0 0 8px; padding: 0; }
    .pro-page .pro-hero h1 { margin: 0; font-size: clamp(1.55rem, 6.8vw, 1.85rem); line-height: 1.15; }
    .pro-page .pro-intro { margin: 10px 0 0; font-size: .92rem; line-height: 1.45; }
    .pro-page .pro-oferta { margin: 18px 0 0; padding: 0; text-align: left; }
    .pro-page .pro-preco { margin-bottom: 4px; font-size: 2.15rem; }
    .pro-page .pro-oferta .pro-preco-texto { margin: 0 0 14px; font-size: .88rem; }
    .pro-page .pro-cta { width: 100%; min-height: 48px; font-size: .95rem; }
    .pro-page .pro-acoes { display: grid; gap: 4px; }
    .pro-page .pro-entrar { min-height: 44px; border: 0; font-size: .88rem; }
    .pro-page .pro-oferta .pro-oferta-info { margin: 8px 0 0; font-size: .76rem; line-height: 1.4; }
    .pro-page .pro-resumo { gap: 8px; margin: 18px 0 0; }
    .pro-page .pro-resumo li { font-size: .88rem; line-height: 1.4; }
    .pro-page .pro-posicionamento { margin: 18px 0 0; padding: 0 12px; border-radius: 10px; }
    .pro-page .pro-posicionamento summary { min-height: 44px; font-size: .88rem; }
    .pro-page .pro-posicionamento p { margin: 0 0 12px; font-size: .88rem; }
    .pro-page footer { margin-top: 0; padding: 16px 0; font-size: .75rem; }
}