/* ════════════════════════════════════════════════════════════
   MENU FVG — stile condiviso per pagine legali e pagine SEO
   Estratto/allineato alle variabili e ai componenti di index.php
   così le pagine restano coerenti con il resto del sito.
   ════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
 --bx:#6b1a2a;
 --bx-d:#4a1020;
 --sn:#c8860a;
 --sn-l:#f4b12b;
 --vd:#2c4a2e;
 --panna:#f0f1f0;
 --ink:#1a0f08;
 --mid:#7a6a58;
 --lite:#b8a890;
 --wrap:1140px;
 --radius:50px;
 --carta-d:#e3ded4;
}

html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--panna);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto}

/* ── Bottoni ── */
.btn-main,.btn-ghost{
 font-family:'Lato',sans-serif;font-weight:700;font-size:14px;
 letter-spacing:2px;text-transform:uppercase;
 padding:12px 30px;border:none;cursor:pointer;
 border-radius:var(--radius);transition:all .2s;
 display:inline-flex;align-items:center;
 border:1px solid transparent;
}
.btn-main{background:var(--sn-l);color:var(--ink);}
.btn-main:hover{background:#fff;}
.btn-ghost{background:none;border:1px solid var(--bx);color:var(--bx);font-weight:500;}
.btn-ghost:hover{background:var(--bx);color:#fff}

/* ── NAV ── */
nav.nav{position:fixed;top:0;left:0;right:0;z-index:300;height:64px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0px 0px 5px #00000022}
nav.nav .brand{font-family:'Black Han Sans',sans-serif;font-size:26px;font-weight:400;letter-spacing:0.5px;color:var(--bx);margin-bottom:-3px;}
nav.nav .brand span{color:var(--sn-l)}
nav.nav ul{display:flex;align-items:center;gap:40px;list-style:none}
nav.nav ul a{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--mid);transition:color .15s}
nav.nav ul a:hover{color:var(--bx)}
nav.nav button{background:var(--bx);color:#fff;font-family:'Lato',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 22px;border:none;cursor:pointer;border-radius:var(--radius);transition:background .2s}
nav.nav button:hover{background:var(--ink)}

/* ── PAGE HEADER (pagine legali / SEO) ── */
.page-hero{background:var(--bx-d);color:#fff;padding:150px 20px 70px;text-align:center}
.page-hero h1{font-family:'Black Han Sans',sans-serif;font-size:44px;font-weight:400;line-height:1.15;margin-bottom:14px;color:#fff}
.page-hero h1 em{font-style:italic;font-weight:300;color:var(--sn-l)}
.page-hero p{font-size:18px;font-weight:300;max-width:680px;margin:0 auto;line-height:1.7;color:#fff}
.page-hero .breadcrumb{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--lite);margin-bottom:18px}
.page-hero .breadcrumb a{color:#fff;text-decoration:underline}

/* ── CONTENUTO ── */
.page-content{background:#fff;padding:70px 20px 100px}
.page-content .wrap{max-width:820px}
.page-content h2{font-family:'Black Han Sans',sans-serif;font-size:28px;font-weight:400;color:var(--bx);margin:44px 0 14px;line-height:1.3}
.page-content h2:first-child{margin-top:0}
.page-content h3{font-family:'Lato',sans-serif;font-size:19px;font-weight:700;color:var(--ink);margin:26px 0 10px}
.page-content p{font-size:16px;line-height:1.8;color:var(--ink);margin-bottom:14px;font-weight:300}
.page-content ul,.page-content ol{margin:0 0 16px 22px;color:var(--ink)}
.page-content li{font-size:16px;line-height:1.8;margin-bottom:8px;font-weight:300}
.page-content strong{font-weight:700}
.page-content a.inline-link{color:var(--bx);font-weight:700;text-decoration:underline}
.page-content table{width:100%;border-collapse:collapse;margin:14px 0 24px;font-size:15px}
.page-content table th,.page-content table td{border:1px solid var(--carta-d);padding:10px 12px;text-align:left;vertical-align:top}
.page-content table th{background:var(--panna);font-weight:700}
.page-content .note-box{background:var(--panna);border-left:4px solid var(--sn-l);padding:18px 22px;border-radius:6px;margin:20px 0}
.page-content .note-box p{margin-bottom:0}
.page-content .updated{font-size:14px;color:var(--mid);margin-bottom:34px}

/* ── SEO grid / card layout ── */
.seo-cta{background:var(--vd);padding:60px 20px;text-align:center}
.seo-cta h2{font-family:'Black Han Sans',sans-serif;font-size:34px;color:#fff;font-weight:400;margin-bottom:12px}
.seo-cta h2 em{color:var(--sn-l);font-style:italic}
.seo-cta p{color:#fff;font-weight:300;font-size:17px;margin-bottom:26px;max-width:600px;margin-left:auto;margin-right:auto}

.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0 10px}
.benefits-grid > div{padding:28px 22px;background:var(--panna);border-radius:20px}
.benefits-grid > div span{font-size:24px;display:block;margin-bottom:10px}
.benefits-grid > div h3{font-family:'Black Han Sans',sans-serif;font-size:17px;color:var(--bx);margin-bottom:6px;font-weight:400;letter-spacing:.3px}
.benefits-grid > div p{font-size:14.5px;line-height:1.6;margin-bottom:0}

.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.related-links a{background:var(--panna);color:var(--bx);font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:50px;letter-spacing:.3px;transition:background .15s}
.related-links a:hover{background:var(--carta-d)}

.faq-mini{border-top:1px solid var(--carta-d)}
.faq-mini > div{border-bottom:1px solid var(--carta-d);padding:18px 0}
.faq-mini h3{font-size:16.5px;margin-bottom:6px;color:var(--ink)}
.faq-mini p{font-size:15px;margin-bottom:0;color:var(--mid)}

/* ── FOOTER ── */
footer.site-footer{background:var(--bx-d);padding:35px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:2px solid var(--sn-l)}
footer.site-footer .brand{font-family:'Black Han Sans',sans-serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#fff}
footer.site-footer .brand span{color:var(--sn-l)}
footer.site-footer p{font-size:14px;font-weight:300;color:#fff;letter-spacing:1px;text-align:center;line-height:22px}
footer.site-footer p a{font-weight:700;letter-spacing:1px;color:#fff;text-decoration:underline}
footer.site-footer a.login{font-weight:700;letter-spacing:1px;color:#fff}
footer.site-footer .footer-legal{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
footer.site-footer .footer-legal a{font-size:13px;color:var(--lite);text-decoration:underline}
footer.site-footer .footer-legal a:hover{color:#fff}

@media(max-width:900px){
 .benefits-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 nav.nav{padding:0 20px}
 nav.nav ul{display:none}
 .page-hero{padding:120px 20px 50px}
 .page-hero h1{font-size:32px}
 .page-content{padding:50px 20px 70px}
 .benefits-grid{grid-template-columns:1fr}
 footer.site-footer{flex-direction:column;text-align:center;padding:30px 20px}
}