.intestazione {
    background-image: url(https://www.furbatto.it/images/common/Furbatto-Musica-regina-2026-opt-4.jpg);
}

h2.storia-right {
    color: #008830;
    font-size: 50px;
    text-align: right;
    float: right;
    width: 100%;
}
.furbatto-storia h2 {
    color: #008830;
    padding-top: 20px;
    line-height: 28px;
}

.border-storia-right {
    padding-left: 20px;
}
.border-storia-right::after {
    content: "";
    border-right: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 87px;
    height: 80%;
}
.border-storia-left {
    padding-right: 20px;
    left: -16px;
}
.border-storia-left::before {
    content: "";
    border-left: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 87px;
    height: 75%;
}
h2.storia-right {
    color: #008830;
    font-size: 50px;
    text-align: right;
    float: right;
    width: 100%;
}
h2.storia-left-square::before {
    content: url(https://www.furbatto.it/images/common/quadrarto-30-verde.png);
    margin-left: -63px;
    position: absolute;
}
h2.storia-right-square::after {
    content: url(https://www.furbatto.it/images/common/quadrarto-30-verde.png);
    right: -16px;
    position: absolute;
}
h2.storia-center {
    color: #008830;
    font-size: 50px;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    h2.storia-right {
        font-size: 50px;
        text-align: center;
    }
    .furbatto-storia h2 {
        color: #008830;
        padding-top: 20px;
        line-height: 28px;
    }
    .border-storia-right {
        border-right: 0;
    }
    .border-storia-left {
        border-left: 0;
        left: 0;
    }
    h2.storia-right-square::after, h2.storia-left-square::before, .border-storia-right::after {
        content: none;
    }
}




/* =========================================================
   HERO MOBILE - landing "musica-in-villa"
   Override altezza/posizione SOLO su mobile/tablet (<=991px).
   Il desktop resta invariato (eredita il master del sito).
   ========================================================= */
@media only screen and (max-width: 991px) {
    .intestazione {
        /* >>> UNICI DUE VALORI DA TARARE IN AUTONOMIA <<< */
        --hero-altezza: 450px;        /* altezza hero su mobile. Prova 260px / 300px / 360px ... */
        --hero-fuoco: center 0%;     /* parte visibile. 2o valore: 0% = alto, 50% = centro, 100% = basso */

        height: var(--hero-altezza);
        min-height: var(--hero-altezza);   /* annulla un eventuale min-height alto ereditato dal master */
        background-size: cover;
        background-position: var(--hero-fuoco);
        background-repeat: no-repeat;
    }
}


/* HERO DESKTOP - musica-in-villa: alza il min-height senza toccare style.css */
@media only screen and (min-width: 992px) {
    .intestazione {
        min-height: 790px;                 /* tara 600-700 */
        background-position: center 85%;   /* <-- valore da tarare */
    }
}