/* ============================================================
   ANGELA CONTEMPLA — responsive.css
   Ajustes finos por breakpoint (mobile-first ja aplicado nos demais arquivos)
   ============================================================ */

/* Telas muito pequenas */
@media (max-width:359px){
  .hero-title{ font-size:1.9rem; }
  .btn{ padding:0 1.35rem; font-size:.9rem; }
}

/* Tablet */
@media (min-width:768px){
  .section{ padding-block:var(--space-9); }
  .page-hero h1{ font-size:var(--text-4xl); }
}

/* Desktop */
@media (min-width:1024px){
  .hero{ padding-block:var(--space-8) var(--space-9); }
}

/* Telas grandes */
@media (min-width:1440px){
  :root{ --container-max:1320px; }
}

/* Paisagem em telas baixas (celular deitado) */
@media (max-height:480px) and (orientation:landscape){
  .mobile-nav{ padding-top:calc(var(--header-h) - 10px); }
  .modal{ max-height:92vh; }
}

/* Impressao — nao essencial, mas evita CTAs inuteis impressos */
@media print{
  .site-header,.mobile-bottombar,.whatsapp-float,.cookie-banner,.modal-overlay{ display:none !important; }
}