.home-eventos {
    width: 100%;
    padding: 40px 20px;
}

.carousel-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scrollHome 120s linear infinite;
}

.eventos-carousel {
    overflow: hidden;
}

.event-card {
    min-width: 320px;
    max-width: 320px;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    border-left: 5px solid #ff6a00;
}

.event-card-principal {
    min-width: 320px;
    max-width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    border-left: 5px solid #ff6a00;
}

.event-date {
    font-weight: bold;
    color: #ff6a00;
    margin-bottom: 5px;
}

.event-title {
    font-weight: bold;
    margin-bottom: 8px;
}

.event-meta {
    font-size: 0.9rem;
    color: #666;
}

.event-countdown {
    margin-top: 10px;
    font-size: 0.85rem;
    font-weight: bold;
}

@keyframes scrollHome {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.eventos-carousel:hover .carousel-track {
    animation-play-state: paused;
}

.event-today {
    border-left: 5px solid #00c853;
    background: linear-gradient(135deg, #e8f5e9, #ffffff);
    transform: scale(1.03);
}

.event-today .event-date {
    color: #00c853;
    font-weight: bold;
}

.event-today .event-title {
    color: #007e33;
}

.event-today::before {
    content: "HOJE";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #00c853;
    color: #fff;
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 4px;
    font-weight: bold;
}