/* ==========================================================================
   /css/index.css - STYLE SPÉCIFIQUE À LA PAGE D'ACCUEIL
   ========================================================================== */
.hero-section { 
    align-items: center; 
    margin-bottom: 60px; 
}

.hero-text p { 
    margin-bottom: 15px; 
}

.hero-image img { 
    width: 100%; 
    display: block; 
    padding: 0; 
}

.presentation-section { 
    text-align: center; 
}

.presentation-grid { 
    text-align: left; 
}

.presentation-card img { 
    width: 100%; 
    border: 3px solid var(--primary-border); 
    margin-bottom: 20px; 
    display: block; 
}

.presentation-card h3 { 
    color: var(--blue-light); 
    margin-bottom: 15px; 
}

.presentation-card p { 
    margin-bottom: 20px; 
    min-height: 70px; /* Aligne visuellement les boutons en bas */
}

/* Responsive pour l'accueil */
@media (max-width: 850px) {
    .hero-section {
        grid-template-columns: 1fr;
    }
    .presentation-grid {
        grid-template-columns: 1fr;
    }
}