/* ==========================================================================
   Augustus Consultoria — Responsive overrides
   Verified at 360, 768, 1024, 1440, 1920 px
   ========================================================================== */

/* ---- 360px (small phones): tighten spacing & type ---- */
@media (max-width: 479px) {
  :root {
    --space-xl: 4rem;
    --space-2xl: 5.6rem;
  }

  .container, .container-narrow { padding-inline: var(--space-sm); }

  .hero__content { padding-block: 7.5rem var(--space-lg); }
  .hero__actions .btn { width: 100%; }

  .footer-bottom { text-align: center; }
}

/* ---- up to tablet (768px) ---- */
@media (min-width: 480px) and (max-width: 767px) {
  .hero__actions .btn { flex: 1 1 auto; }
}

/* ---- 768px: tablet ---- */
@media (min-width: 768px) {
  section, .section { padding-block: var(--space-2xl); }
  .section--tight { padding-block: var(--space-xl); }
}

/* ---- 1024px: small desktop ---- */
@media (min-width: 1024px) {
  .container, .container-narrow { padding-inline: var(--space-lg); }
}

/* ---- 1440px: large desktop ---- */
@media (min-width: 1440px) {
  :root {
    --container-w: 1320px;
  }
  .hero { min-height: 86vh; }
}

/* ---- 1920px: extra-wide ---- */
/* --header-h para esta largura é definido em base.css (fonte única). */
@media (min-width: 1920px) {
  :root {
    --container-w: 1480px;
  }
  html { font-size: 106%; }
}

/* ---- Print (footer utility, not required but harmless & aids "premium" polish) ---- */
@media print {
  .site-header, .nav-mobile, .back-to-top, .filter-bar, .search-field { display: none !important; }
}