/* ----------------------------------------- */
/* WIDEPORCH — pagine di testo legale */
/* la testata qui è già scura, quindi il titolo parte più in basso */
/* ----------------------------------------- */

.legale-testa {
    background: var(--fondo-alt);
    border-bottom: 1px solid #12253d;
    padding: 118px 0 34px;
}
.legale-testa .sottotitolo { color: var(--oro); margin-bottom: 10px }
.legale-testa h1 { font-size: 3.0rem; line-height: 1.15 }

.legale-corpo { padding: 34px 0 20px }
.legale-corpo .container { max-width: 760px }
.legale-corpo h2 {
    font-size: 1.9rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 30px 0 8px;
    color: var(--oro);
}
.legale-corpo h2:first-child { margin-top: 0 }
.legale-corpo p {
    font-size: 1.55rem;
    line-height: 1.85;
    margin-bottom: 12px;
    opacity: .86;
    overflow-wrap: break-word;
}
.legale-corpo p:last-child { margin-bottom: 0 }
.legale-corpo b { opacity: 1; color: #fff }
.legale-corpo a { text-decoration: underline; overflow-wrap: anywhere }
.legale-corpo a:hover { color: var(--arancio) }

@media only screen and (min-width: 768px) {
    .legale-testa { padding: 156px 0 44px }
    .legale-testa h1 { font-size: 4.0rem }
    .legale-corpo { padding: 48px 0 30px }
    .legale-corpo .container { width: min(100vw - var(--container-margin)*2, 760px) }
}