/* ==================================
   SECCIÓN "ELLOS CONFÍAN EN NOSOTROS"
================================== */
#confian-en-nosotros {
    padding: 40px 20px;
    background-color: #004080; /* Fondo azul */
    text-align: center;
    font-family: 'Montserrat', sans-serif; /* Nueva tipografía */
}

#confian-en-nosotros h2 {
    font-family: 'Montserrat', sans-serif; /* Tipografía general */
    font-size: 2.2em; /* Aumentamos el tamaño para un mejor impacto */
    margin-bottom: 30px;
    font-weight: 70; /* Texto en negrita */
    line-height: 1; /* Menos separación entre líneas */
    letter-spacing: 0.5px; /* Menos espaciado entre letras */
    color: white; /* Color blanco para el texto */
}

#confian-en-nosotros h2 span {
    display: block; /* Divide el texto en dos líneas */
    margin-top: 0; /* Sin margen entre líneas */
}

/* Estilo para la palabra "Ellos confían" */
#confian-en-nosotros h2 .ellos-confian {
    color: #FFDD00; /* Color amarillo para "Ellos confían" */
}

/* Estilos de los logos */
.logos-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 190px; /* Mayor separación entre los logos */
}

.logos-container img {
    width: 100px;  /* Tamaño más pequeño */
    height: 100px; /* Tamaño más pequeño */
    border-radius: 50%; /* Hace las imágenes circulares */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    object-fit: contain; /* Asegura que el logo completo sea visible */
    background-color: white; /* Fondo blanco dentro del círculo */
    padding: 10px; /* Espacio para logos */
}

.logos-container img:hover {
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .logos-container {
        gap: 40px; /* Reducir el espacio entre logos en pantallas pequeñas */
    }

    .logos-container img {
        width: 120px;  /* Aumentar el tamaño de los logos en dispositivos móviles */
        height: 120px; /* Aumentar el tamaño de los logos en dispositivos móviles */
    }
}