/* Ajustes do site www.seunutricionista.com (revisão SEO e responsividade de 28/09/2026).
   Arquivo separado do style.css de propósito: o style.css também é carregado pelas landings de tema
   (geradas em C:\Apps\SeuNutricionista\landings-temas), e mexer nele obrigaria a trocar o ?v= delas.
   Carregado DEPOIS do style.css nas páginas antigas, na home, no blog. */
/* 2026-09-28 (revisão SEO e responsividade): as logomarcas ganharam width/height no HTML (reserva de
   espaço); a altura continua vindo do CSS, então a largura precisa voltar a ser automática. */
.logo img, .footer-logos img { width: auto; }
/* Menu do celular: com 10 itens na home ele passava de 640 px de altura e o "Agendar Online" ficava
   fora da tela em 320x640 (o fundo está travado). Agora o menu rola por dentro e aperta em tela baixa. */
.mobile-menu { overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding-bottom: calc(40px + var(--lgpd-h, 0px)); }
/* --lgpd-h é a altura do banner de cookies (medida pelo script.js da home): sem esse respiro o banner,
   que fica por cima de tudo, cobria o último item do menu até a pessoa decidir. */
@media (max-height: 700px) {
    .mobile-menu { padding-top: 76px; padding-bottom: calc(24px + var(--lgpd-h, 0px)); gap: 4px; justify-content: flex-start; }
    .mobile-menu a { padding-top: 11px; padding-bottom: 11px; }
    .mobile-menu .nav-cta { margin-top: 8px; }
}
/* Frase de definição no topo das landings (é o trecho que buscador e IA citam). */
.definicao { max-width: 800px; margin: 0 auto 32px; padding: 16px 20px; background: #f1f5f9; border-left: 4px solid #1d5c47; border-radius: 10px; color: #1a1a1a; font-size: 16px; line-height: 1.7; }
/* Data de atualização no pé, discreta. */
.footer-bottom .footer-atualizado { font-size: 12px; color: rgba(255,255,255,0.55); margin-top: 4px; }