/* Estilos para el slider - OPTIMIZADO PARA RENDIMIENTO */
.slider {
    width: 98.7vw !important;
    margin: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    /* Optimizaciones de rendimiento */
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.slide-track {
    display: flex;
    animation: scroll 40s linear infinite;
    width: calc(170px * 56);
    position: relative;
    overflow: hidden;
    /* Optimizaciones de rendimiento */
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.slider::before,
.slider::after {
    content: '';
    position: absolute;
    top: 0;
    width: 10%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.slider::before {
    left: 0;
    background: linear-gradient(to right, rgba(113, 121, 113, 0.8), rgba(76, 175, 80, 0));
}

.slider::after {
    right: 0;
    background: linear-gradient(to left, rgba(113, 121, 113, 0.8), rgba(76, 175, 80, 0));
}

/* Ajuste de degradado para pantallas pequeñas */
@media (max-width: 768px) {
    .slider::before,
    .slider::after {
        width: 20%;
    }
}

@media (max-width: 480px) {
    .slider {
        width: 99.7vw !important;
    }
    .slider::before,
    .slider::after {
        width: 30%;
    }
}

.slider .slide {
    width: 170px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Optimizaciones de rendimiento */
    will-change: transform;
    transform: translateZ(0);
}

.slider .slide img {
    max-width: 100%;
    height: auto;
    max-height: 70px;
    object-fit: contain;
    /* Optimizaciones de rendimiento */
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    /* Precarga y optimización */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Estilo para el texto de presentación */
.presentation-text {
    text-align: center;
    font-family: 'Segoe UI', sans-serif;
    color: rgba(24, 124, 104, 0.9);
    font-size: 1.5rem;
    margin-bottom: 20px;
}

/* Animación optimizada */
@keyframes scroll {
    0% {
        transform: translateX(0) translateZ(0);
    }
    100% {
        transform: translateX(calc(-170px * 28)) translateZ(0);
    }
}

/* Optimizaciones adicionales para dispositivos móviles */
@media (max-width: 768px) {
    .slide-track {
        animation-duration: 30s; /* Más rápido en móviles */
    }
    
    .slider .slide {
        width: 140px; /* Imágenes más pequeñas en móviles */
        padding: 0 15px;
    }
    
    .slider .slide img {
        max-height: 60px;
    }
}

/* Optimizaciones para pantallas táctiles */
@media (hover: none) and (pointer: coarse) {
    .slide-track {
        animation-duration: 25s; /* Aún más rápido en pantallas táctiles */
    }
}

/* Pausar animación en hover para mejor UX */
@media (hover: hover) {
    .slide-track:hover {
        animation-play-state: paused;
    }
}