/* ============================================
   RESPONSIVE CONFIGURACIÓN — TABLET
   Breakpoint: 768px – 1023px

   Ajustes intermedios del módulo Configuración.
   ============================================ */

/* --------------------------------------------
   GRID DE NAVEGACIÓN
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    /* 2 tarjetas de navegación por fila */
    .cfg-main-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* --------------------------------------------
   CUENTAS BANCARIAS
   -------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {

    /* Detalles de cuenta en 2 columnas */
    .cfg-cuenta-details {
        flex-wrap: wrap;
    }

    .cfg-cuenta-details > * {
        flex: 1 1 calc(50% - 8px);
    }
}

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

    .cfg-form-panel {
        padding: 20px;
    }
}