/* ============================================
   RESPONSIVE ALQUILER — TABLET
   Breakpoint: 768px – 1023px

   Ajustes intermedios del módulo Alquiler:
   tabs, tabla de pagos, formularios.
   ============================================ */

/* --------------------------------------------
   TABS Y CABECERA
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    /* Tabs con scroll horizontal si hay muchos */
    .alq-tab-group {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .alq-tab {
        white-space: nowrap;
        flex-shrink: 0;
    }
}

/* --------------------------------------------
   TABLA DE PAGOS
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    .alq-table-wrap {
        overflow-x: auto;
    }
}

/* --------------------------------------------
   BARRA DE BÚSQUEDA Y BOTONES
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    .alq-search-wrap {
        max-width: 280px;
    }
}