/* ==========================================================================
   Landing de anúncios (/consulta-nutricionista-online)
   Usa o mesmo visual da home (site.css). Aqui ficam só os poucos blocos que
   a home não tem, escritos com as mesmas variáveis (cores, raios, sombras).
   ========================================================================== */

/* Aviso de atendimento particular, logo abaixo dos botões do hero */
.hero-note {
    max-width: 520px;
    margin: 30px 0 0;
    padding: 14px 18px;
    background: #fff;
    border-left: 4px solid var(--rosa);
    border-radius: 0 var(--raio-sm) var(--raio-sm) 0;
    box-shadow: var(--sombra-suave);
    font-size: .88rem;
    color: var(--texto-suave);
}
.hero-note strong { color: var(--texto); }

/* Ícones numerados (etapas do "Como funciona") */
.card .ico.ico--num { font-weight: 700; font-size: 1.15rem; }

/* Observação sob os planos */
.plans-note {
    max-width: 640px;
    margin: 34px auto 0;
    text-align: center;
    font-size: .93rem;
    color: var(--texto-suave);
}
.plans-note strong { color: var(--texto); }

/* Quadro "atendimento particular" (mesmo tom do aviso de sucesso do formulário) */
.callout {
    max-width: 780px;
    margin: 46px auto 0;
    padding: 30px 32px;
    background: var(--verde-fundo);
    border: 1.5px solid var(--verde);
    border-radius: var(--raio);
    text-align: center;
}
.callout h3 { font-size: 1.3rem; margin-bottom: 10px; }
.callout p { margin: 0 0 8px; color: var(--texto); }
.callout .callout-small { margin: 0; font-size: .86rem; color: var(--texto-suave); }

/* Chamada para o WhatsApp abaixo do FAQ */
.faq-more { margin-top: 34px; text-align: center; }
.faq-more p { color: var(--texto-suave); margin: 0 0 16px; }

/* Texto simples (sem link) na lista de contato */
.contact-list .txt { color: var(--texto); font-weight: 500; }

/* Aviso sob o botão do formulário */
.form-notice {
    margin: 14px 0 0;
    text-align: center;
    font-size: .8rem;
    color: var(--texto-suave);
}