.categoria-carousel {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0;
    position: relative;
}

.categoria-carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    cursor: grab;
    white-space: nowrap; /* Asegura que los ítems se mantengan en una línea horizontal */
}

.categoria-item {
    flex: 0 0 auto;
    width: 200px; /* Ajustar ancho para reducir tamaño */
    padding: 5px 15px; /* Reducir padding vertical para más separación horizontal */
    text-align: center; /* Centrar el texto debajo de la imagen */
    transition: transform 0.3s ease;
    display: inline-block; /* Asegura que los ítems estén en línea */
    margin-right: 20px; /* Añadir más espacio horizontal entre ítems */
}

.categoria-item img {
    width: 100%; /* Reducir tamaño de la imagen para que se vea más elegante */
    opacity: 0.5;
    transition: transform 0.3s ease, opacity 0.3s ease;
    margin: 0 auto; /* Centrar la imagen */
}

.categoria-item .categoria-nombre {
    margin-top: 5px; /* Reducir margen entre imagen y nombre */
    font-size: 12px; /* Reducir tamaño de la fuente */
    font-weight: bold;
    color: #333;
}

.categoria-item.active img {
    transform: scale(1.2); /* Reducir el escalado para evitar desprolijidad */
    opacity: 1;
}

.categoria-item.active .categoria-nombre {
    opacity: 1;
    font-size: 14px; /* Tamaño de fuente para el nombre de la categoría activa */
}

.categoria-item a {
    text-decoration: none; /* Elimina el subrayado del texto */
    color: inherit; /* Mantiene el color del texto del enlace */
}

.categoria-carousel:active .categoria-carousel-track {
    cursor: grabbing;
}
/* Media query para pantallas más pequeñas (modo mobile) */
@media (max-width: 768px) {
    .categoria-item {
        width: 150px; /* Ajustar ancho a 150px en pantallas pequeñas */
        margin-right: 15px; /* Ajustar el margen en modo mobile */
    }
}