/*
 * FIX DEFINITIVO (Versión 3 - Extrema Precisión)
 * El CSS fuerza las alturas totales. El JS calcula la altura del scroll.
 */

/* 1. Forzar altura total del diálogo */
#modalCrearInstalacion .modal-dialog {
    height: 98vh !important; 
    max-width: 95vw !important;
}

/* 2. Forzar Flexbox y altura total del contenido */
#modalCrearInstalacion .modal-content {
    height: 100% !important;
    display: flex !important; 
    flex-direction: column !important;
}

/* 3. Fijar Header/Footer (sin encogerse) */
#modalCrearInstalacion .modal-header,
#modalCrearInstalacion .modal-footer {
    flex-shrink: 0; 
}

/* 4. PREPARACIÓN CRÍTICA: Eliminar padding para cálculo limpio por JS */
#modalCrearInstalacion .modal-body {
    flex-grow: 1; 
    overflow-y: hidden !important; 
    padding: 0 !important; /* <--- CRÍTICO: Cero padding para que el cálculo sea exacto */
    min-height: 0; /* Asegura la compatibilidad con Flexbox */
}