/* ==========================================================================
   responsive.css — Casos extremos: iOS, pantallas 1366, ultrawide/4K, impresión
   ========================================================================== */
@media (max-width:768px){
  input, select, textarea{ font-size:16px !important; } /* evita auto-zoom iOS */
  a, button, input, select, textarea{ -webkit-tap-highlight-color:transparent; }
}

/* Portátiles 1366x768: evita que el hero ocupe toda la altura y tape contenido */
@media (min-width:1280px) and (max-width:1366px){
  .h-\[80vh\]{ height:70vh; }
}

/* Ultrawide / 4K */
@media (min-width:1920px){
  .max-w-7xl{ max-width:95rem; }
  html{ font-size:110%; }
}

@media print{
  header, footer, nav, .fixed, .whatsapp-float, #mobile-menu{ display:none !important; }
  body, main, section, article{ background:#fff !important; color:#000 !important; }
  .shadow-xl,.shadow-lg,.shadow-md,.shadow-sm{ box-shadow:none !important; border:1px solid var(--gray-200) !important; }
  main{ padding-top:0 !important; margin-top:0 !important; }
  article, img{ page-break-inside:avoid; break-inside:avoid; }
}