/**
 * DIBA 2025 - CSS DE CORRECCIONES Y COMPATIBILIDAD LEGACY
 * 
 * IMPORTANTE: Este archivo SOLO debe contener fixes críticos y temporales
 * que no pueden ir en componentes específicos.
 * 
 * ANTES DE AÑADIR ALGO AQUÍ, pregúntate:
 * - ¿Este estilo pertenece a un componente específico? → Ponerlo en ese componente
 * - ¿Es una utilidad reutilizable? → Ponerlo en diba2025-00-utilities.css
 * - ¿Es realmente necesario? → Intentar resolver el problema de otra forma
 * 
 * Este archivo debe tender a desaparecer o reducirse al mínimo.
 */

/* ========================================
   UTILIDADES BOOTSTRAP 3 ADICIONALES
   ======================================== 
   
   NOTA: Las clases de Flexbox (d-flex, justify-content-*, etc.)
   se han movido a diba2025-13-flexbox-compat.css
   
   Las clases de visibility (d-none, d-md-block, etc.) se han
   eliminado en favor de las clases nativas de Bootstrap 3:
   - hidden-xs (oculto en móvil)
   - hidden-sm (oculto en tablet)
   - visible-xs-block (visible solo en móvil)
   - etc.
   
   Ver documentación: MIGRACION_BOOTSTRAP3_NATIVO.md
   ======================================== */

@media (min-width: 576px) {
    .d-sm-block {
        display: block;
    }
}

@media (min-width: 992px) {
    .d-lg-flex {
        display: flex;
    }
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.offset-md-4 {
    margin-left: 33.333333%;
}

@media (max-width: 767px) {
    .offset-md-4 {
        margin-left: 0;
    }
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-1 {
    padding-left: 0.25rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.pb-2 {
    padding-bottom: 0.5rem !important;
}

.w-100 {
    width: 100% !important;
}

.text-right {
    text-align: right !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

/* ========================================
   FIN DEL ARCHIVO
   ======================================== */