/* ════════════════════════════════════════════════════════════════
   Cowork Tarea 5 — reglas globales móvil (2026-05-12)
   Cargado desde todas las páginas. No tocar sin pensar.
   ════════════════════════════════════════════════════════════════ */

/* Sin scroll horizontal jamás */
html, body{ overflow-x:hidden; max-width:100vw; }

/* Box-sizing global (defensa) */
*, *::before, *::after{ box-sizing:border-box; }

/* Imágenes nunca rompen el viewport */
img{ max-width:100%; height:auto; }

/* Reglas solo móvil */
@media (max-width:768px){
  /* Inputs siempre 16px → iOS no hace zoom al hacer focus */
  input, select, textarea{ font-size:16px !important; }

  /* Área táctil mínima 44 px (Apple HIG / WCAG 2.5.5) */
  button, .bit-btn, .fk-btn-contactar, .fk-mobile-close,
  .bit-page-btn, .bit-filter-toggle, .bit-cookie-btn,
  .fk-view-btns button, .bit-pager .nums button,
  .bit-prd-tabs-nav button{
    min-height:44px;
  }

  /* Headings */
  h1{ word-wrap:break-word; overflow-wrap:break-word; }
}

/* Hooks para drawer de filtros — solo móvil */
.bit-filter-backdrop{
  display:none !important; position:fixed; inset:0;
  background:rgba(13,61,110,.55); z-index:250;
  -webkit-tap-highlight-color:transparent;
}
@media (max-width:900px){
  .bit-filter-backdrop.open{ display:block !important; }
}

/* Sticky CTA WhatsApp móvil (lo usa producto.html) */
@media (max-width:768px){
  .fk-prd-actions.bit-mobile-sticky{
    position:sticky;
    bottom:calc(14px + env(safe-area-inset-bottom,0));
    z-index:90; background:transparent;
  }
  .fk-prd-actions.bit-mobile-sticky .bit-btn.wa{
    box-shadow:0 8px 24px rgba(37,211,102,.45);
  }
}

/* Lock body cuando un drawer está abierto */
html.bit-drawer-open, html.bit-drawer-open body{
  overflow:hidden;
}