/* Polimento incremental: legibilidade, foco e resposta tátil sem mudar conteúdo. */
html { scroll-padding-top: 88px; }
::selection { background: rgba(232,176,75,.35); color: #fff; }
.nlink, .btn, .mp-no, .modCard, .capta { -webkit-tap-highlight-color: transparent; }
.nlink:focus-visible, .btn:focus-visible, .mp-no:focus-visible {
  outline: 2px solid var(--green2); outline-offset: 4px; border-radius: 8px;
}
.hero h1 { text-wrap: balance; }
.hero .sub { text-wrap: pretty; }
.modCard { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
@media (hover:hover) {
  .modCard:hover { transform: translateY(-4px); border-color: rgba(232,176,75,.58); box-shadow: 0 26px 52px -30px rgba(0,0,0,.88); }
  .capta:hover { border-color: rgba(232,176,75,.45); }
}
@media (max-width: 640px) {
  html { scroll-padding-top: 72px; }
  .hero { padding-inline: 18px; }
  section { padding-inline: 18px; }
  .heroMapa { margin-inline: -4px; }
}
@media (prefers-reduced-motion: reduce) {
  .modCard { transition: none; }
}