/* Velaro: immagini dedicate per le pagine interne */
.page-hero.page-hero-image {
    min-height: 460px;
    display: flex;
    align-items: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.page-hero.page-hero-image .container {
    position: relative;
    z-index: 1;
}

.page-hero.page-hero-image h1,
.page-hero.page-hero-image p {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.page-hero.page-hero-image .small-title {
    color: #ffffff !important;
    background: rgba(0, 114, 206, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    display: inline-block;
    padding: 8px 14px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.22);
}

.page-hero-about {
    background-image:
        linear-gradient(90deg, rgba(5, 13, 27, 0.88) 0%, rgba(5, 13, 27, 0.68) 52%, rgba(5, 13, 27, 0.35) 100%),
        url("../images/about-hero.jpg") !important;
    background-position: center center !important;
}

.page-hero-platform {
    background-image:
        linear-gradient(90deg, rgba(5, 13, 27, 0.86) 0%, rgba(5, 13, 27, 0.64) 52%, rgba(5, 13, 27, 0.30) 100%),
        url("../images/platform-hero.jpg") !important;
    background-position: center 58% !important;
}

.page-hero-network {
    background-image:
        linear-gradient(90deg, rgba(5, 13, 27, 0.84) 0%, rgba(5, 13, 27, 0.62) 52%, rgba(5, 13, 27, 0.28) 100%),
        url("../images/network-hero.jpg") !important;
    background-position: center center !important;
}

.page-hero-contact {
    background-image:
        linear-gradient(90deg, rgba(5, 13, 27, 0.88) 0%, rgba(5, 13, 27, 0.66) 52%, rgba(5, 13, 27, 0.32) 100%),
        url("../images/contact-hero.jpg") !important;
    background-position: center 48% !important;
}

@media (max-width: 768px) {
    .page-hero.page-hero-image {
        min-height: 390px;
        background-position: center center !important;
    }

    .page-hero.page-hero-image h1 {
        font-size: clamp(34px, 10vw, 48px);
    }

    .page-hero.page-hero-image p {
        max-width: 100%;
    }
}