/* Section 05 Styles (Brand Banner) */
.section04.brand-banner { /* Actualizado para usar .section04 */
    background-color: #FFA500; /* Color naranja */
    padding: 20px 0;
    overflow: hidden; /* Oculta lo que se sale del contenedor */
    width: 100%;
    box-sizing: border-box;
}

/* El resto de los estilos (.brand-logos-container, .brand-logos, etc.) permanecen igual */
.brand-logos-container {
    width: 100%;
    display: flex; /* Necesario para la animación */
}

.brand-logos {
    display: flex; /* Coloca los logos en línea */
    align-items: center; /* Centra verticalmente los logos */
    /* Anima el desplazamiento */
    animation: scroll-logos 40s linear infinite; /* Ajusta la duración (40s) según necesites */
    white-space: nowrap; /* Evita que los logos salten de línea */
}

.brand-logos img {
    height: 50px; /* Ajusta la altura de los logos */
    margin: 0 30px; /* Espacio horizontal entre logos */
    display: inline-block; /* Asegura que se traten como bloques en línea */
    vertical-align: middle; /* Alinea con el centro vertical */
    filter: grayscale(100%) brightness(150%); /* Opcional: logos en escala de grises y más brillantes sobre naranja */
    transition: filter 0.3s ease;
}

.brand-logos:hover img {
     filter: grayscale(0%) brightness(100%); /* Opcional: color al pasar el ratón */
}

/* Pausar animación al pasar el ratón */
.brand-logos-container:hover .brand-logos {
    animation-play-state: paused;
}


/* Animación de desplazamiento */
@keyframes scroll-logos {
    0% {
        transform: translateX(0%);
    }
    100% {
        /* Desplaza exactamente la mitad del ancho total (porque duplicamos los logos) */
        transform: translateX(-50%); 
    }
}

/* Responsive adjustments (optional) */
@media (max-width: 767.98px) {
    .brand-logos img {
        height: 40px; /* Logos más pequeños en móviles */
        margin: 0 15px; /* Menos espacio */
    }
    /* Podrías ajustar la velocidad de la animación si lo deseas */
    .brand-logos {
         animation-duration: 30s; /* Ejemplo: más rápido en móviles */
    }
}