/* HAON_AGENCY_TWEAKS_V1 — ajustes finos (camada, NAO toca o style.css original). */

/* (1) Nav menos espremido em tablet/mobile-largo (lang + carrinho + botoes no topo) */
@media (max-width: 1024px) {
  #nav .nav-links { gap: 13px; font-size: 13px; }
  #nav .nav-cta { gap: 7px; }
  #nav .nav-cta .btn-sm { padding: 7px 11px; font-size: 12px; }
  #nav .lang-sw .lang-toggle { padding: 6px 8px; }
  #nav .lang-toggle .globe { width: 15px; height: 15px; }
  #nav .lang-toggle .lang-cur { font-size: 12px; }
  #nav .theme-sw { gap: 5px; padding: 0 2px; }
  #nav .theme-sw button { width: 16px; height: 16px; }
  #nav .cart-btn { width: 38px; height: 38px; border-radius: 10px; }
  #nav .cart-btn svg { width: 17px; height: 17px; }
}
@media (max-width: 760px) {
  #nav .nav-cta { gap: 6px; }
  #nav .nav-cta .btn-grad.btn-sm { padding: 7px 10px; font-size: 11.5px; }
  #nav .cart-btn { width: 36px; height: 36px; }
  #nav .hamb { transform: scale(.92); }
}

/* (2) Botao do simulador centralizado (web/desktop) */
.hero-inner .sim-cta { margin-left: auto; margin-right: auto; display: flex; width: fit-content; max-width: 94%; }

/* (3) Caption pills pequenas lado a lado no mobile (em vez de grandes empilhadas) */
@media (max-width: 760px) {
  .hero-cap { gap: 7px; margin-top: 22px; }
  .hero-cap .cap-pill { padding: 5px 9px; font-size: 10px; gap: 4px; border-radius: 40px; }
  .hero-cap .cap-pill span:last-child { white-space: nowrap; }
  .hero-cap .cap-arrow { font-size: 13px; }
  .hero-cap .cap-dot { width: 6px; height: 6px; }
  .hero-cap .cap-fx { display: none; }
}