/* Pagina newsletter (13/10/2026): stessa struttura dell'hero diviso delle altre pagine, a destra il modulo al posto della foto. */
.newsletter-page{--nl-red:#e60050;--nl-ink:#181818;--nl-grey:#f3f3f1;--nl-muted:#5f5f5c;--nl-line:#d9d4d4}
.newsletter-page .nl-hero{background:var(--nl-red);color:#fff}
.newsletter-page .nl-hero h1{margin:0 0 24px}
.newsletter-page .nl-lead{max-width:44ch;margin:0;font-size:18px;line-height:1.65}
html body .site-hero.site-hero>.site-hero-media.nl-panel{display:flex!important;align-items:center!important;background:var(--nl-grey);color:var(--nl-ink)}
.newsletter-page .nl-panel-inner{width:100%;padding:clamp(28px,4.2vw,60px)}
.newsletter-page .nl-panel h2{margin:0;font-size:clamp(30px,2.7vw,40px);line-height:1.08;letter-spacing:-.03em}
.newsletter-page .nl-note{margin:10px 0 0;color:var(--nl-muted);font-size:15px;line-height:1.5}
.newsletter-page .nl-form{grid-template-columns:1fr;gap:14px;margin-top:24px}
.newsletter-page .nl-form label{font-size:14px;font-weight:600}
.newsletter-page .nl-form input:not([type=checkbox]){padding:13px 14px;border:1px solid var(--nl-line);border-radius:10px;background:#fff;font-size:16px}
.newsletter-page .nl-form input:not([type=checkbox]):focus-visible{outline:2px solid var(--nl-red);outline-offset:1px;border-color:var(--nl-red)}
.newsletter-page .nl-form .cp-checkbox{display:flex;margin:0;font-weight:400;font-size:15px;line-height:1.45}
.newsletter-page .nl-form .cp-checkbox input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--nl-red)}
.newsletter-page .nl-form .nl-consent{margin-top:4px;color:var(--nl-muted);font-size:14px}
.newsletter-page .nl-form .nl-consent a{color:inherit}
.newsletter-page .nl-form .wr-button{width:100%;margin-top:6px;font-size:16px}
.newsletter-page .nl-errors{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:#fde8ef;color:#8a0030;font-size:14px;line-height:1.5}
.newsletter-page .nl-errors ul{margin:0;padding-left:18px}
.newsletter-page .nl-done p{margin:14px 0 28px;font-size:18px;line-height:1.6}
/* Sotto il modulo: gli ultimi articoli del blog, prima del footer. */
.newsletter-page .nl-reads{padding-bottom:110px}
.newsletter-page .nl-reads h2{max-width:18ch;margin:0 0 42px;font-size:clamp(33px,3.68vw,53px);line-height:1.05;letter-spacing:-.035em}
.newsletter-page .nl-reads h2 span{color:var(--nl-red)}
.newsletter-page .nl-read-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.newsletter-page .nl-read{display:flex;flex-direction:column;min-width:0;color:var(--nl-ink);text-decoration:none}
.newsletter-page .nl-read img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;background:var(--nl-grey)}
.newsletter-page .nl-read-cat{margin-top:18px;color:var(--nl-red);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.newsletter-page .nl-read h3{margin:10px 0 0;font-size:22px;line-height:1.22;letter-spacing:-.02em}
.newsletter-page .nl-read:is(:hover,:focus-visible) h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.newsletter-page .nl-read-all{display:inline-block;margin-top:40px;color:var(--nl-red);font-size:16px;font-weight:700;text-decoration:none}
.newsletter-page .nl-read-all:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
/* Da telefono il modulo va sotto il testo, alto quanto serve (le foto delle altre pagine invece stanno sopra, alte 310px). */
@media (max-width:720px){html body .site-hero.site-hero>.site-hero-media.nl-panel{order:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
.newsletter-page .nl-reads{padding-bottom:72px}
.newsletter-page .nl-read-grid{grid-template-columns:1fr;gap:36px}}