/* ============================================================
   page-hero.css – Style hero moderne pour toutes les pages
   ============================================================ */

/* ── Hero section avec dégradé ── */
.page-hero {
    background: linear-gradient(135deg, #1E98C2, #0d6e94);
    color: #fff;
    padding: 50px 0 42px;
    text-align: center;
    margin-bottom: 0;
}

.page-hero h1 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #fff;
}

.page-hero p {
    opacity: 0.95;
    font-size: 1.1rem;
    margin-bottom: 0;
    color: #fff;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .page-hero {
        padding: 35px 0 30px;
    }

    .page-hero h1 {
        font-size: 1.6rem;
    }

    .page-hero p {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .page-hero h1 {
        font-size: 1.4rem;
    }

    .page-hero p {
        font-size: 0.95rem;
    }
}