/* =========================================================
   Ana Paraguai — ajustes globais de usabilidade e mobile
   Carregado por todas as páginas.
   ========================================================= */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html, body { overflow-x: hidden; max-width: 100%; }

img, video, iframe { max-width: 100%; }

/* As <img> têm width/height declarados para o conteúdo não "pular"
   enquanto carregam. Sem height:auto, quando o max-width acima reduz a
   largura o navegador mantém a altura declarada e a imagem sai esticada
   na vertical — efeito mais visível no computador, onde as colunas são
   mais estreitas que a largura natural do arquivo.
   Especificidade baixa de propósito: .hero img, .prop-thumb, .gal-card img
   e afins continuam tendo prioridade. */
img { height: auto; }

p, li, h1, h2, h3, h4, span, div, a { overflow-wrap: break-word; }

a:focus-visible, button:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid #C8AA6E; outline-offset: 3px; border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important; animation-iteration-count: 1 !important;
    transition-duration: .001ms !important; scroll-behavior: auto !important;
  }
}

@media (max-width: 900px) {
  nav#main-nav { height: 58px !important; }
  #nav-cards { top: 58px !important; padding: 0 !important; }
  #nav-cards > div {
    flex-wrap: nowrap !important; overflow-x: auto !important;
    -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; scrollbar-width: none;
  }
  #nav-cards > div::-webkit-scrollbar { display: none; }
  #nav-cards > div > button, #nav-cards > div > a {
    flex: 0 0 auto !important; min-width: 132px !important; scroll-snap-align: start;
  }
  a[href], button, [role="button"] { touch-action: manipulation; }
  a[href$=".html"], a[href^="https://wa.me"], a[href^="tel:"], a[href^="mailto:"], button { min-height: 44px; }
  table { display: block; overflow-x: auto; width: 100%; }
}

@media (max-width: 620px) {
  body { font-size: 16px; }
  .whatsapp-float { width: 56px !important; height: 56px !important; right: 14px !important; bottom: 14px !important; }
  #back-to-top { right: 14px !important; bottom: 82px !important; width: 40px !important; height: 40px !important; }
  #float-nav { top: auto !important; bottom: 148px !important; right: 14px !important; }
  #float-nav-menu { top: auto !important; bottom: 52px !important; right: 0 !important; min-width: 210px !important; }
  footer { padding-bottom: 96px !important; }
  a[href^="https://wa.me"], .btn-primary, .btn { width: 100%; justify-content: center; }
  [style*="white-space:nowrap"] { white-space: normal !important; }
}

@media print {
  .whatsapp-float, #back-to-top, #float-nav, #nav-cards, #scroll-progress { display: none !important; }
  body { background: #fff; }
}