:root {
    --colorPrincipal: #0065ad
}

.navbar {
    background-color: var(--colorPrincipal) !important;
}

#function_cambiarIdioma:hover {
    cursor: pointer;
}

#opera {
    display: flex;
    align-items: center;
    padding: 30px;
}

.slider {
    flex: 1;
}

.slides img {
    width: 100%;
    object-fit: cover;
}

/* Para pantallas pequeñas (móviles) */
@media (max-width: 1330px) {
    #opera {
        flex-direction: column;
    }

    .slider {
        width: 100%;
        padding-top: 20px;
        /* Espaciado entre el texto y la imagen */
    }

    .slides img {
        width: 100%;
        height: auto;
    }
}