/* ===== Pagine di testo (privacy, cookie, termini, 404): testata navy con il menu, poi testo su perla ===== */

/* testata: il menu qui sta nel flusso, non sopra una scena come nella hero */
.testata { position: relative; background: linear-gradient(180deg, var(--lp-navy) 0%, var(--lp-navy-profondo) 100%); color: var(--lp-perla); }
:root:not(.nav-fissa) .testata .nav { position: relative; top: auto; left: auto; right: auto; }   /* scorrendo diventa la capsula fissa (sito.css) */
/* stessa colonna del testo sotto (68ch a 17px), così titolo e paragrafi sono allineati */
.testata__in { max-width: calc(68ch + 2 * var(--gutter)); margin: 0 auto; font-size: 17px; padding: clamp(28px, 6vw, 72px) var(--gutter) clamp(40px, 7vw, 88px); }
.testata__titolo { font-weight: 600; font-size: clamp(30px, 4vw, 52px); line-height: 1.08; letter-spacing: -.03em; text-wrap: balance; max-width: 22ch; }
.testata__data { margin-top: 14px; font-size: 14px; color: var(--lp-schiuma); }

/* testo: colonna leggibile su perla */
.pagina { background: var(--lp-perla); color: var(--lp-navy); padding: clamp(40px, 6vw, 80px) var(--gutter) clamp(56px, 8vw, 104px); }
.pagina__in { max-width: 68ch; margin: 0 auto; font-size: 17px; line-height: 1.7; }
.pagina__intro { font-size: 1.1em; color: var(--lp-navy); text-wrap: pretty; }
.pagina section { margin-top: 40px; }
.pagina h2 { margin: 0 0 12px; font-size: clamp(20px, 2vw, 24px); font-weight: 600; line-height: 1.25; letter-spacing: -.015em; color: var(--lp-navy); }
.pagina p { margin: 0 0 14px; text-wrap: pretty; }
.pagina ul { margin: 0 0 14px; padding-left: 22px; }
.pagina li { margin-bottom: 6px; }
.pagina li::marker { color: var(--lp-azzurro); }
.pagina a { color: var(--lp-azzurro-ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(10, 114, 153, .4); transition: text-decoration-color .2s; }
.pagina a:hover { text-decoration-color: currentColor; }
.pagina .nota { color: var(--lp-grigio); font-size: .92em; }
.pagina .bottone { text-decoration: none; margin: 6px 0 14px; }

/* tabella dei cookie: semplice, scorre da telefono */
.pagina .tabella { overflow-x: auto; margin: 0 0 14px; }
.pagina table { width: 100%; border-collapse: collapse; font-size: .92em; }
.pagina th, .pagina td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid rgba(22, 52, 89, .14); }
.pagina th { font-weight: 600; color: var(--lp-navy); }
.pagina td { color: var(--lp-grigio); }
.pagina td:first-child { color: var(--lp-navy); font-weight: 500; white-space: nowrap; }

/* 404: testo centrato e corto */
.pagina--404 .pagina__in { text-align: center; }
.pagina--404 p { color: var(--lp-grigio); }
.pagina--404 .bottone { margin-top: 10px; }

@media (max-width: 760px) {
    .pagina section { margin-top: 32px; }
    .pagina .bottone { width: 100%; justify-content: center; }
}