:root {
    /* Variables para controlar los márgenes de la franja de logotipos */
    --logo-margin-top: -35px; /* Ajusta el margen superior para "montar" sobre la sección de arriba */
    --logo-margin-bottom: -35px; /* Ajusta el margen inferior para "montar" sobre la sección de abajo */
    --logo-padding-vertical: 30px; /* Espaciado interno vertical de la franja */
}

.celeste-bar {
    background-color: #add8e6; /* Fondo celeste */
    padding: var(--logo-padding-vertical) 0; /* Espaciado interno vertical usando la variable */
    margin-top: var(--logo-margin-top); /* Controla la posición respecto a la sección superior */
    margin-bottom: var(--logo-margin-bottom); /* Controla la posición respecto a la sección inferior */
}

.logo-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.logo-carousel img {
    max-height: 100px; /* Altura máxima de los logotipos */
    margin: 0 15px; /* Espaciado entre logotipos */
    transition: transform 0.3s ease-in-out;
}

.logo-carousel img:hover {
    transform: scale(1.2); /* Efecto de zoom al pasar el mouse */
}