/* anuncios.css: Barra de anuncios compacta y llamativa */

.announcement-bar {
    background-color: #d97706;
    color: #ffffff;
    padding: 6px 0; 
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    z-index: 99;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    border: none;
}

.announcement-track {
    display: inline-flex;
    gap: 40px;
    animation: scrollAnnouncements 22s linear infinite;
}

.announcement-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.announcement-item i {
    color: #fef08a;
    font-size: 0.9rem;
}

.announcement-bar:hover .announcement-track {
    animation-play-state: paused;
}

@keyframes scrollAnnouncements {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}