:root{--green:#009640;--green-dark:#006d37;--mint:#b8e2cb;--mint-2:#d7f1e2;--ink:#103125;--muted:#5c766b;--accent:#b2c914;--white:#fff;--shadow:0 16px 42px rgba(0,75,40,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:var(--mint);line-height:1.65}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{background:var(--green);color:#d9f4e5;font-size:15px}.topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:20;background:rgba(184,226,203,.96);border-bottom:1px solid rgba(0,109,55,.22);box-shadow:0 6px 18px rgba(0,0,0,.12);backdrop-filter:blur(8px)}.header-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}.brand-mark{width:70px;height:70px;border-radius:50%;background:#b8cc1b;display:grid;place-items:center;position:relative}.brand-mark span,.brand-mark:before,.brand-mark:after{content:"";display:block;width:42px;height:10px;border-radius:999px;background:#008d4a;box-shadow:0 14px 0 #c56a2b,0 -14px 0 #008d4a}.brand-mark:before{position:absolute;background:#c56a2b;transform:translateY(0) rotate(0);box-shadow:none}.brand-mark:after{position:absolute;background:#008d4a;transform:translateY(14px);box-shadow:none}.brand-text{font-size:28px;letter-spacing:.02em}.site-nav{display:flex;align-items:center;gap:26px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.site-nav a,.nav-group>button{color:var(--green-dark);text-decoration:none;background:none;border:0;font:inherit;text-transform:inherit;cursor:pointer;padding:14px 0}.site-nav a:hover,.nav-group>button:hover,.site-nav a.active{color:var(--accent)}.nav-group{position:relative}.nav-group>div{position:absolute;top:100%;left:0;min-width:230px;background:var(--white);box-shadow:var(--shadow);padding:10px 0;display:none}.nav-group:hover>div,.nav-group:focus-within>div{display:block}.nav-group>div a{display:block;padding:10px 18px;color:var(--green-dark)}.menu-toggle{display:none}.hero{padding:58px 0 80px;background:linear-gradient(90deg,rgba(184,226,203,.92),rgba(184,226,203,.35)),url("../img/hero-servizio-civile-parma-piacenza.png") center/cover}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.hero h1{font-size:54px;line-height:1.05;margin:0 0 22px;text-transform:uppercase}.hero p{font-size:21px;margin:0 0 30px;max-width:680px}.hero-card{background:rgba(255,255,255,.82);padding:28px;border-left:8px solid var(--green);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--green);color:white;text-decoration:none;font-weight:800;text-transform:uppercase;border:0}.btn.secondary{background:transparent;color:var(--green-dark);box-shadow:inset 0 0 0 2px var(--green)}.section{padding:70px 0}.section.alt{background:rgba(255,255,255,.28)}.eyebrow{color:var(--green-dark);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.page-title{font-size:44px;line-height:1.15;text-transform:uppercase;margin:0 0 24px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px}.panel{background:rgba(255,255,255,.62);padding:28px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.rich p{font-size:18px}.feature-list{display:grid;gap:16px;margin:24px 0;padding:0;list-style:none}.feature-list li{background:rgba(255,255,255,.72);border-left:5px solid var(--green);padding:14px 18px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{background:rgba(255,255,255,.72);box-shadow:var(--shadow);overflow:hidden}.card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:22px}.card time{font-size:13px;color:var(--green-dark);font-weight:800;text-transform:uppercase}.card h3{font-size:20px;line-height:1.25;margin:8px 0 12px}.card a{text-decoration:none;color:var(--ink)}.article-body{white-space:pre-wrap}.contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:34px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{width:100%;border:0;background:white;padding:14px;font:inherit}.contact-form textarea{min-height:150px;grid-column:1/-1}.contact-form .full{grid-column:1/-1}.site-footer{background:var(--green);color:#e9fff1;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.site-footer h2,.site-footer h3{margin-top:0;color:white}@media (max-width:900px){.header-inner{min-height:90px}.brand-text{font-size:20px}.menu-toggle{display:inline-flex;background:var(--green);color:white;border:0;padding:10px 14px;font-weight:800}.site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#d7f1e2;padding:18px 24px;flex-direction:column;align-items:flex-start;gap:8px}.site-nav.open{display:flex}.nav-group>div{position:static;display:block;background:transparent;box-shadow:none;padding:0 0 0 16px}.hero-grid,.content-grid,.contacts,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.cards{grid-template-columns:1fr 1fr}}@media (max-width:620px){.topbar-inner{display:block;padding:10px 0}.brand-mark{width:54px;height:54px}.hero{padding:42px 0}.page-title{font-size:34px}.cards,.contact-form{grid-template-columns:1fr}.wrap{width:min(100% - 28px,1180px)}}