@font-face {
    font-family: 'MaPolice';
    src: url('FiraSans-Light.woff2') format('woff2'),
         url('FiraSans-Light.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.text-yellow-400 {
    color: #33A5D9 !important;
}

.hover\:text-yellow-400:hover {
    color: #33A5D9 !important;
}

.hover\:bg-yellow-400:hover {
    background-color: #33A5D9 !important;
    color: white !important; /* Ajuste la couleur du texte pour rester lisible */
}

.slider {
    width: 90%;
    margin: auto;
    padding: 20px 0;
}
.slider img {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: 8px;
}
/* Assure une transition fluide */
.group-hover\:block {
    transition: all 0.2s ease;
}

/* Optionnel : animation légère */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.group:hover .group-hover\:block {
    animation: fadeIn 0.2s ease-out;
}