/* Copyright (c) 2026 GestionaleRe.it */
/* Copertina delle pagine CMS con fotografia, separata dalla home. */
.cms-page-hero {
    position: relative; isolation: isolate; display: flex; align-items: center;
    min-height: clamp(240px, 24vw, 380px); margin-bottom: 32px;
    background: #eef5f9; overflow: hidden;
}
.cms-page-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.cms-page-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(255,255,255,.8), rgba(255,255,255,.4) 45%, rgba(255,255,255,0) 75%); }
.cms-page-hero-content { position: relative; padding-top: 40px; padding-bottom: 40px; }
.cms-page-hero h1 { max-width: 70%; margin: 0; color: #2776a7; font-size: clamp(30px, 3vw, 46px); font-weight: 700; line-height: 1.15; overflow-wrap: break-word; }
@media (max-width: 767.98px) {
    .cms-page-hero { min-height: 220px; margin-bottom: 24px; }
    .cms-page-hero h1 { max-width: 90%; }
    .cms-page-hero-image { object-position: 60% center; }
}