/* ============================================================
   responsive-base.css — Estándar responsive Global GPS Peru SAC
   Punto único de verdad de breakpoints. 2026-06-03.

   BREAKPOINTS CORPORATIVOS (usar SIEMPRE en superficies nuevas):
     tablet       → @media (max-width:1023px)
     móvil        → @media (max-width:767px)
     móvil chico  → @media (max-width:479px)
   (CSS no permite var() dentro de la condición @media; las custom
    properties de abajo son referencia/documentación para el equipo.)
   ============================================================ */
:root{
  --bp-tablet:1023px;
  --bp-movil:767px;
  --bp-movil-chico:479px;
  --touch-min:44px;
}

/* Anti-zoom iOS: ningún campo de texto baja de 16px en móvil */
@media (max-width:767px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),
  select,textarea{font-size:16px!important}
}

/* ---- Utilidades OPT-IN (solo aplican si se usa la clase, riesgo cero) ---- */
.rwd-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rwd-img{max-width:100%;height:auto}
@media (max-width:767px){
  .rwd-table-collapse{display:block;overflow-x:auto;max-width:100%}
  .rwd-touch{min-height:44px}
  .rwd-stack{grid-template-columns:1fr!important;flex-direction:column!important}
}
