/* Styles pour l'animation de la carte */
.container-bloc-animation-carte {
    width: 100%;
    overflow: hidden;
}

.container-bloc-animation-carte .bloc-animation-fond-carte {
    position: relative;
    width: 100%;
    overflow: visible;
}

.container-bloc-animation-carte .bloc-animation-fond-carte svg {
    width: 100%;
    height: auto;
    display: block;
    max-width: none;
}

/* Élément rouge - invisible par défaut */
.container-bloc-animation-carte .bloc-animation-fond-carte svg #anim-rouge {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-200px);
    transition: transform 1.2s ease-out, opacity 0.5s ease-out;
    filter: drop-shadow(0 0 8px rgba(228, 53, 42, 0.6));
}

/* Animation de clignotement */
@keyframes blink-rouge {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

.container-bloc-animation-carte .bloc-animation-fond-carte svg #anim-rouge.animate-blink {
    animation: blink-rouge 3s ease-in-out infinite;
}