/* =============================================
   RESPONSIVO — carregado por último para vencer no cascade
   ============================================= */

@media (max-width: 1000px) {
  .nav-links { display: none; }
}

@media (max-width: 900px) {
  .split, .hero-grid, .faq-grid, .contato-grid { grid-template-columns: 1fr; gap: var(--space-12); }
  section { padding-block: var(--space-16); }
  .hero { min-height: 0; }
  .hero-foto img { aspect-ratio: 4 / 3; }
  .hero-selo { left: var(--space-4); bottom: var(--space-4); }
  .pacientes-lista { grid-template-columns: repeat(2, 1fr); }
  .faq-grid .section-head, .contato-grid .section-head { margin-bottom: var(--space-6); }
}

@media (max-width: 720px) {
  #nav-toggle { display: block; }
  .nav-cta { display: none; }
  :root { --space-24: 4rem; }
  .container, #navbar, .pacientes-lista { padding-inline: var(--space-6); }
  .servico { grid-template-columns: 2.5rem 1fr; gap: var(--space-4); }
  .servico-preco { grid-column: 2; }
  .agenda-form { grid-template-columns: 1fr; padding: var(--space-6); }
  .vet { grid-template-columns: 64px 1fr; column-gap: var(--space-4); row-gap: var(--space-2); padding: var(--space-6); }
  .vet-foto { grid-row: span 3; width: 64px; height: 64px; margin: 0; font-size: 1.4rem; }
}

@media (max-width: 400px) {
  .container, #navbar, .pacientes-lista { padding-inline: var(--space-4); }
  .nav-logo span { font-size: var(--text-base); }
  .hero-acoes > * { width: 100%; }
  #wa-float { width: 52px; height: 52px; right: var(--space-4); bottom: var(--space-4); }
  #back-top { right: calc(var(--space-4) + 4px); }
}