/* Estilos para mejorar el comportamiento con zoom */
@media (min-resolution: 1.25dppx), (min-width: 1px) and (max-width: 1200px) {
    /* Ajustes para el footer */
    .content-footer {
        display: flex;
        flex-wrap: wrap;
    }
    
    .content-footer .lado {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    /* Ajustes para el header */
    #header {
        overflow: visible !important;
    }
    
    /* Ajustes para el contenido */
    .section-encabezado {
        overflow: hidden;
    }
    
    /* Ajustes para el carrusel */
    .carousel-controls {
        bottom: 10px !important;
        right: 10px !important;
    }
    
    .info-panel {
        width: 30% !important;
    }
    
    @media (max-width: 768px) {
        .info-panel {
            width: 100% !important;
            height: auto !important;
            position: relative !important;
        }
    }
}