/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */

/* -------------------------------------------------------------------------- */
/*                  Responsive / móvil — overrides centralizados               */
/*  ponytail: un solo punto para las 50 páginas en vez de tocar 270 inline px  */
/* -------------------------------------------------------------------------- */

/* Anti-overflow global: contiene los inline width:NNNpx más agresivos sin
   tener que editarlos archivo por archivo. */
img,
table,
.card,
.bg-holder {
  max-width: 100%;
}

/* Grilla de tickets: la tabla vive dentro de una .card con overflow:hidden,
   así que las columnas que no caben quedaban cortadas SIN scroll. Permitir
   desplazamiento horizontal dentro del wrapper para alcanzar toda la info.
   ponytail: fallback de scroll; el "+" de Responsive sigue operando si colapsa.
   Aplicado a TODOS los anchos (antes solo en <=576px): en desktop la grilla de
   KPI con 16 columnas quedaba cortada en "Cerro caso" sin forma de llegar al
   resto. */
.dataTables_wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* Mata el padding-right:30px inline de la tabla que la empuja fuera del contenedor. */
table.dataTable {
  padding-right: 0 !important;
}
/* El anti-overflow global (table{max-width:100%}) capa el ancho inline que
   DataTables calcula para scrollX: la tabla nunca excede el contenedor y NO
   se genera scrollbar. Para las tablas DataTables hay que anular el tope. */
table.dataTable {
  max-width: none !important;
}

@media (max-width: 576px) {
  /* Modales con px fijos en el markup (ej. height:700px; max-width:600px).
     !important para ganarle al style inline. */
  .modal-dialog {
    max-width: 95vw !important;
    margin: 0.5rem auto !important;
  }
  .modal-content {
    height: auto !important;
    max-height: 90vh !important;
  }
  .modal-body {
    overflow-y: auto;
  }

  /* DataTables: fila de filtros por columna clonada (.filters) desborda en
     móvil; la búsqueda global basta en pantalla chica. */
  table.dataTable tr.filters {
    display: none;
  }

  /* Touch targets: botones de acción en tablas (Ver/Editar) más tocables. */
  table.dataTable td .btn,
  .dtr-details .btn {
    padding: 0.4rem 0.6rem;
  }

  /* Cualquier contenido con ancho fijo en px que fuerce scroll horizontal. */
  [style*="width: 600px"],
  [style*="width:600px"] {
    width: auto !important;
  }
}

/*# sourceMappingURL=user.css.map */