/* =========================================================
   Responsive refinements (cross-page)
   ========================================================= */

/* Fluid media & sane box-sizing everywhere */
*{ box-sizing:border-box; }
img, video, iframe, svg{ 
  border-radius: 30px ; 
  max-width:100%; 
  height:auto; }
table{ display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* Fluid container padding at tablet size */
@media (max-width:992px){
  .container, .wrap, section{ padding-left:20px; padding-right:20px; }
}

@media (max-width:768px){
  h1{ font-size:clamp(1.6rem, 5vw, 2.2rem); }
  h2{ font-size:clamp(1.3rem, 4vw, 1.8rem); }
  .btn, button, a.btn{ min-height:44px; } /* touch target */
}

@media (max-width:600px){
  .hero__cta{ flex-direction:column; align-items:stretch; }
  .hero__cta .btn{ width:100%; justify-content:center; }
  .navbar__brand-text{ font-size:.92rem; }
  .whatsapp-fab{ width:50px; height:50px; right:16px; bottom:16px; font-size:1.3rem; }
}

@media (max-width:480px){
  .footer__bottom{ flex-direction:column; align-items:flex-start; }
  .tabs{ gap:8px; }
  .tab-btn{ padding:.55em 1em; font-size:.82rem; }
}

/* Prevent horizontal scroll from decorative elements */
body{ overflow-x:hidden; }