@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
        body { font-family: 'Montserrat', sans-serif; }
        
        /* Animation douce pour l'apparition */
        .fade-in {
            animation: fadeIn 0.5s ease-in-out;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        
html, body {
    overflow-x: hidden;  /* Empêche le défilement horizontal global */
    width: 100%;
}


body.aos-animate {
    overflow-x: hidden !important;
}


/* Ajout d'une ombre personnalisée légère pour les cartes, 
           similaire à celle de l'image. Tailwind's 'shadow-lg' pourrait aussi fonctionner. */
        .card-shadow {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        

/* Gestion du scroll pour les ancres */
main {
   min-height: 100vh;
   overflow-y: visible;
}

section {
  overflow-x: hidden;
}




/* ==========================
   Police Stolz
   ========================== */
@font-face {
    font-family: 'Stolz';
    src: url('/fonts/Stolz-Regular.woff2') format('woff2'); /* Ajustez le chemin */
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Bonne pratique pour le chargement */
}

/* Classe pour utiliser Stolz */
.text-stolz {
    font-family: 'Stolz', sans-serif;
}

/* ==========================
   Couleurs
   ========================== */
.bg-dark-blue {
    background-color: #094154;
}

.bg-yellow {
    background-color: #FFDE11;
}

.text-dark-blue {
    color: #094154;
}

/* ==========================
   Animations
   ========================== */

/* Pulse bleu */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 0px 0 rgb(5, 46, 81);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(5, 46, 81);
  }
}

.icon-glow {
  animation: pulseGlow 1s infinite ease-in-out;
}

/* Pulse jaune */
@keyframes pulseYellow {
  0%, 100% {
    box-shadow: 0 0 0px 0 rgba(255, 222, 17, 0.5);
  }
  50% {
    box-shadow: 0 0 18px 8px rgba(255, 222, 17, 0.9);
  }
}

.animate-pulse-yellow {
  animation: pulseYellow 1.4s infinite ease-in-out;
}