/* Bravo: ajustes de celular (carregado depois de main.css). */
@media (max-width: 767px) {
  body { padding-top: 64px; font-size: 15px; line-height: 1.6; }

  /* cabeçalho mais baixo */
  .header { height: 64px; padding-top: 5px; padding-bottom: 5px; }
  .header.in { height: 100svh; }
  .header svg.w-14 { height: 44px; }
  .hamburger { padding: 10px 6px; }
  .hero { height: calc(100svh - 64px); min-height: 520px; }

  /* textos pequenos sobem para o mínimo legível */
  .text-xs { font-size: 13.5px !important; line-height: 1.5 !important; }
  .text-sm { font-size: 14.5px !important; line-height: 1.55 !important; }
  p { line-height: 1.6; }

  /* botões e links com área de toque */
  a.uppercase.font-display.whitespace-nowrap { display: inline-block; padding: 8px 0; }
  a.inline-block.uppercase.font-display[class*="bg-"] { padding: 12px 22px !important; font-size: 19px !important; }

  /* WhatsApp menor, sem cobrir os rótulos dos cards */
  .whats { width: 48px; height: 48px; right: 14px; bottom: 14px; }
  .whats i, .whats svg { font-size: 24px !important; width: 24px; height: 24px; }

  /* barra "Quero ser membro": a página ganha espaço e o WhatsApp sobe acima dela */
  body:has(.cta-tab) { padding-bottom: 52px; }
  body:has(.cta-tab) .whats { bottom: 66px; }
  .cta-tab a { display: block; padding: 14px 0; }

  /* rodapé: links sem sobreposição */
  footer ul.leading-tight li a { display: inline-block; padding: 5px 0; line-height: 1.15 !important; }
  footer ul.flex li a { display: grid; place-items: center; width: 44px; height: 44px; }
  footer p { font-size: 13px; line-height: 1.6; }
  footer { padding-bottom: 72px; }

  /* setas minúsculas saem (o carrossel é de arrastar); botão de rolar não disputa com a barra */
  .splide__arrow { display: none; }
  body:has(.cta-tab) .js-scroll-down { display: none; }
}