body{
    background: #fff;
}

/* Limpiamos el contenedor principal */
.home {
    margin-top: 15px !important;
    background: #fff;
    display: flex;
    flex-direction: column;
}

/* La cinta transportadora */
.brand-strip {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 20px 0; /* Arreglado el 'px 0' que estaba roto */
    position: relative;
    z-index: 5; /* Asegura que esté por encima del fondo pero bajo el menu */
}

.brand-track {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 60px;
    animation: scroll 95s linear infinite;
}

.brand-track img {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.brand-track.reverse {
    animation-direction: reverse;
}

#homeCarousel {
    width: 100%;
    height: 520px;
    margin: 10px 0; 
}

#homeCarousel img {
    height: 520px;
    object-fit: cover;
}

@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Tablets: hasta 768px */
@media (max-width: 768px) {
    .home {
    margin-top: 45px !important;
    }

    /* Cinta de marcas */
    .brand-track {
        gap: 40px;
        animation: scroll 90s linear infinite;
    }

    .brand-track img {
        height: 35px;
    }

    /* Carousel */
    #homeCarousel {
        height: 380px;
    }

    #homeCarousel img {
        height: 380px;
    }
}

/* Móviles: hasta 480px */
@media (max-width: 480px) {
  .home {
    margin-top: 80px !important;
  }

    /* Cinta de marcas */
    .brand-track {
        gap: 25px;
        animation: scroll 90s linear infinite;
    }

    .brand-track img {
        height: 30px;
    }

    /* Carousel */
    #homeCarousel {
        height: 240px;
    }

    #homeCarousel img {
        height: 240px;
    }
}