:root{
  --green-deep:#085C30;   /* verde scuro (un filo più ricco) */
  --green:#0E9A4B;        /* verde brand, più acceso */
  --green-soft:#18B863;   /* verde brillante, più vivido */
  --green-light:#DFEFE5;  /* verde chiaro (fondino callout) */
  --red:#D11F17;          /* rosso un po' più brillante */
  --yellow:#EFA70D;       /* oro più acceso */
  --yellow:#D9990C;       /* oro */
  --cream:#FAF5EB;        /* crema (sfondo pagina) */
  --paper:#ffffff;
  --ink:#15110D;          /* carbone (testo) */
  --muted:#6A625A;        /* grigio (testo secondario) */
  --line:#E7DDCB;         /* bordo */
  --ring:#0E9A4B;
  --fb-blue:#2E8FF0;      /* accento Facebook/Instagram */
  --shadow:0 10px 30px -12px rgba(7,83,42,.35);
  --max:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Hanken Grotesk',sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{font-family:'Saira Condensed',sans-serif;line-height:1.02;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.eyebrow{font-family:'Saira Condensed',sans-serif;text-transform:uppercase;letter-spacing:.22em;
  font-weight:700;font-size:.78rem;color:var(--green);display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:3px;background:var(--red);display:inline-block;border-radius:2px}
.eyebrow.on-dark{color:#bfe6c9}

.tricolor{height:4px;display:flex}
.tricolor i{flex:1}
.tricolor i:nth-child(1){background:#0C7E40}
.tricolor i:nth-child(2){background:#f7f3e8}
.tricolor i:nth-child(3){background:#BF2018}

header.topbar{position:sticky;top:0;z-index:60;background:#17190f;color:#fff}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:62px;gap:16px}
.burger{display:flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2.5px;background:#fff;border-radius:2px;transition:.25s}
.brand{font-family:'Saira Condensed',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase}
.brand b{color:var(--red)}.brand em{color:var(--green);font-style:normal}
.lang{font-size:.8rem;letter-spacing:.08em;display:flex;gap:8px;align-items:center;color:#cfd2c6}
.lang button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;letter-spacing:.08em;padding:4px 2px}
.lang .active{color:#fff;font-weight:700}
.lang .sep{opacity:.5}

.banner{position:relative;overflow:hidden;background:#fff}
.banner-img{width:100%;height:auto;display:block}
.banner-ph{background:var(--green-deep);color:rgba(255,255,255,.6);text-align:center;
  padding:46px 24px;font-family:'Saira Condensed',sans-serif;letter-spacing:.06em;
  text-transform:uppercase;font-size:.9rem}
.tagbar{background:#fff;display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 18px;flex-wrap:nowrap}
.tagbar-text{font-family:Georgia,'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-weight:700;font-size:1.18rem;color:var(--ink);text-align:center}
.tagbar-fmi{flex:0 0 auto;height:46px;width:auto;display:block}
.tagbar-fmi img{height:100%;width:auto;display:block}
.banner-strip{display:flex;align-items:center;justify-content:center;gap:18px;padding:30px 24px 14px}
.banner-photos{display:flex;gap:6px;opacity:.5}
.banner-photos span{width:70px;height:54px;border-radius:6px;background:
  linear-gradient(135deg,#2b6b3f,#0d3d22);border:1px solid rgba(255,255,255,.12)}
.banner-logo{width:160px;height:96px;border-radius:50%;background:var(--paper);
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  box-shadow:0 6px 20px rgba(0,0,0,.3);flex:0 0 auto;text-align:center;padding:6px}
.banner-logo .bl-top{font-family:'Saira Condensed';font-weight:700;font-size:.62rem;letter-spacing:.18em;color:#17190f}
.banner-logo .bl-mid{font-family:'Saira Condensed';font-weight:800;font-size:1.55rem;color:var(--red);line-height:1}
.banner-logo .bl-flag{display:flex;width:74px;height:7px;margin:3px auto;border-radius:2px;overflow:hidden}
.banner-logo .bl-flag i{flex:1}.bl-flag i:nth-child(1){background:#0C7E40}.bl-flag i:nth-child(2){background:#eee}.bl-flag i:nth-child(3){background:#BF2018}
.banner-logo .bl-sub{font-family:'Saira Condensed';font-weight:700;font-size:.78rem;letter-spacing:.12em;color:#17190f}
.banner-red{background:var(--red);color:#fff;text-align:center;font-family:'Saira Condensed',sans-serif;
  font-weight:700;letter-spacing:.1em;font-size:.78rem;padding:7px 12px;text-transform:uppercase}
.banner-red .url{display:inline-block}
.placeholder-note{position:absolute;top:8px;right:14px;font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.45)}

.hero{background:linear-gradient(180deg,#f7f4ea 0%,var(--cream) 100%);padding:46px 0 40px}
.hero-grid{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.4rem,5.2vw,3.9rem);font-weight:800;text-transform:uppercase;margin:14px 0 22px}
.hero h1 .l1{color:var(--ink)}.hero h1 .l2,.hero h1 .l3{color:var(--green);display:block}
.callout{border:1.5px solid var(--green);border-left:6px solid var(--green);background:#fff;
  border-radius:8px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;max-width:560px;margin-bottom:22px}
.callout .chk{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-top:1px}
.callout p{font-size:.95rem}.callout b{color:var(--green)}
.tessera-line{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:1.15rem;margin-bottom:6px}
.tessera-line .yr{color:var(--red)}
.hero p.lead{color:var(--muted);max-width:480px;margin-bottom:22px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Saira Condensed';font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;border:0;cursor:pointer;border-radius:6px;
  padding:14px 26px;font-size:1rem;transition:.2s;text-align:center}
.btn-red{background:var(--red);color:#fff;box-shadow:0 8px 18px -8px rgba(207,32,48,.7)}
.btn-red:hover{background:var(--red-dark);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--green);border:2px solid var(--green)}
.btn-ghost:hover{background:var(--green);color:#fff}
.btn-dark{background:#17190f;color:#fff}.btn-dark:hover{background:#000}
.checks{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.85rem}
.checks span{display:inline-flex;gap:7px;align-items:center}
.checks span::before{content:"✓";color:var(--green);font-weight:700}

.roundel{width:230px;height:230px;border-radius:50%;background:var(--green);color:#fff;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;
  box-shadow:0 18px 40px -14px rgba(13,69,39,.65);outline:3px solid var(--green);outline-offset:7px}
.roundel::after{content:"";position:absolute;inset:14px;border:2px dashed rgba(255,255,255,.28);border-radius:50%}
.roundel .rt{font-family:'Saira Condensed';letter-spacing:.28em;font-size:.72rem;font-weight:600}
.roundel .rp{font-family:'Saira Condensed';font-weight:800;font-size:3.5rem;line-height:.9;margin:2px 0}
.roundel .rm{font-family:'Saira Condensed';letter-spacing:.16em;font-size:.72rem;font-weight:600;opacity:.92}
.roundel .rf{margin-top:10px;background:#fff;color:var(--green);font-family:'Saira Condensed';font-weight:800;
  font-size:.72rem;letter-spacing:.12em;padding:3px 12px;border-radius:4px}

.fb{background:#17190f;color:#fff}
.fb-grid{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;padding:26px 0}
.fb-img{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#234,#0a1118);
  display:flex;align-items:flex-end;padding:12px;font-family:'Saira Condensed';font-weight:700;
  color:var(--yellow);position:relative;overflow:hidden}
.fb-img::before{content:"[ immagine gruppo ]";position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:rgba(255,255,255,.25);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.fb h2{font-size:2.5rem;font-weight:800;text-transform:uppercase}
.fb h2 .num{color:var(--fb-blue)}
.fb .sub{font-family:'Saira Condensed';letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#cfd2c6;margin-bottom:8px}
.fb p{color:#aeb3a5;max-width:520px;margin-bottom:16px;font-size:.92rem}
.btn-fb{background:var(--fb-blue);color:#fff}
.btn-fb:hover{filter:brightness(.92);transform:translateY(-2px)}

section{padding:64px 0}
.sec-head{margin-bottom:30px}
.sec-head h2{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;text-transform:uppercase;margin:10px 0 10px}
.sec-head p{color:var(--muted);max-width:620px}
.archive{background:var(--cream)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--ring)}
.card-img{aspect-ratio:16/10;background:linear-gradient(150deg,var(--green) 0%,var(--green-deep) 100%);
  position:relative;display:flex;align-items:flex-start;justify-content:flex-start}
.card-img .ph{position:absolute;bottom:12px;left:14px;font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(255,255,255,.55)}
.card-img .ring{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  border:2px solid var(--yellow);display:flex;align-items:center;justify-content:center}
.card-img .ring::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--yellow)}
.card-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.card-body h3{font-size:1.35rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.card-body p{color:var(--muted);font-size:.9rem;margin-bottom:16px;flex:1}
.card-link{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  font-size:.82rem;color:var(--green)}
.card-link:hover{color:var(--red)}

.ai{background:#fff;border-top:1px solid var(--line)}
.pill{display:inline-flex;gap:10px;align-items:center;background:var(--cream);border:1px solid var(--line);
  border-radius:30px;padding:8px 16px;font-family:'Saira Condensed';font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;font-size:.78rem;color:var(--muted);margin-bottom:24px}
.pill .tag{background:var(--green);color:#fff;border-radius:20px;padding:2px 10px;font-size:.72rem}
.group-title{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.04em;
  font-size:1.25rem;margin:34px 0 16px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.group-title small{font-family:'Hanken Grotesk';text-transform:none;letter-spacing:0;font-weight:400;
  color:var(--muted);font-size:.85rem}
.abc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.abc .card{cursor:pointer}
.abc .badge{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:var(--green);
  color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Saira Condensed';font-weight:800}
.abc .card-img{aspect-ratio:auto;min-height:64px;background:#fff;border-bottom:1px solid var(--line)}
.abc .card-img .badge{position:static;margin:14px}
.abc .ci-head{display:flex;align-items:center;gap:12px;padding:16px 16px 0}
.abc .ci-head h3{font-size:1.15rem;font-weight:700;text-transform:uppercase}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.proc .card{padding:18px 16px}
.proc h4{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;font-size:1rem;margin-bottom:6px}
.proc p{color:var(--muted);font-size:.82rem;margin-bottom:12px;min-height:54px}
.disclaimer{margin-top:26px;font-size:.82rem;color:var(--muted);background:var(--cream);
  border-left:4px solid var(--yellow);padding:14px 18px;border-radius:6px;max-width:760px}

.crs{background:linear-gradient(160deg,var(--green-deep),#08311c);color:#fff}
.crs .sec-head h2{color:#fff}.crs .sec-head p{color:#bcd6c4;max-width:680px}
.benefit{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.benefit .b{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px}
.benefit .b .ic{width:30px;height:30px;border-radius:50%;background:var(--green-soft);display:flex;
  align-items:center;justify-content:center;margin-bottom:12px}
.benefit .b h4{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;font-size:1rem;margin-bottom:6px}
.benefit .b p{color:#a9c4b1;font-size:.82rem}
.crs-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.crs-note{margin-top:26px;background:rgba(0,0,0,.25);border-left:4px solid var(--yellow);
  padding:14px 18px;border-radius:6px;font-size:.9rem;color:#e7f0e9;max-width:760px}
.crs-note b{color:var(--yellow)}

footer{background:#10130c;color:#cfd2c6;padding:54px 0 26px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.foot-logo{width:150px;height:78px;border-radius:8px;background:#fff;display:flex;align-items:center;
  justify-content:center;flex-direction:column;margin-bottom:14px;text-align:center}
.foot-logo .bl-mid{font-family:'Saira Condensed';font-weight:800;font-size:1.2rem;color:var(--red)}
.foot-logo .bl-flag{display:flex;width:60px;height:6px;margin:2px auto;border-radius:2px;overflow:hidden}
.foot-logo .bl-flag i{flex:1}.foot-logo .bl-flag i:nth-child(1){background:#15602f}.foot-logo .bl-flag i:nth-child(2){background:#eee}.foot-logo .bl-flag i:nth-child(3){background:#BF2018}
.foot-logo .bl-sub{font-family:'Saira Condensed';font-weight:700;font-size:.65rem;letter-spacing:.1em;color:#17190f}
footer p{font-size:.85rem;color:#9aa091;max-width:340px}
footer h5{font-family:'Saira Condensed';font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:#fff;font-size:.95rem;margin-bottom:14px}
footer ul{list-style:none}footer li{margin-bottom:9px;font-size:.9rem}
footer li a:hover{color:var(--yellow)}
.soon{background:var(--yellow);color:#17190f;font-family:'Saira Condensed';font-weight:700;font-size:.6rem;
  letter-spacing:.1em;padding:2px 7px;border-radius:3px;margin-left:6px;vertical-align:middle}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.78rem;color:#7d8475}

.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s;z-index:90}
.menu-overlay.open{opacity:1;visibility:visible}
.menu-panel{position:fixed;top:0;left:0;height:100%;width:340px;max-width:86vw;background:#17190f;color:#fff;
  transform:translateX(-100%);transition:.3s cubic-bezier(.4,0,.2,1);z-index:100;overflow-y:auto;padding:24px}
.menu-panel.open{transform:translateX(0)}
.menu-panel .mp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.menu-panel .close{background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer;line-height:1}
.menu-panel nav a,.menu-panel nav button{display:flex;justify-content:space-between;align-items:center;width:100%;
  background:none;border:0;color:#fff;font:inherit;font-family:'Saira Condensed';font-weight:600;text-transform:uppercase;
  letter-spacing:.05em;font-size:1.05rem;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;text-align:left}
.menu-panel nav a:hover,.menu-panel nav button:hover{color:var(--yellow)}
.submenu{max-height:0;overflow:hidden;transition:.3s}
.submenu.open{max-height:300px}
.submenu a{font-size:.92rem;padding:10px 0 10px 16px;color:#bcd6c4;letter-spacing:.04em}
.menu-cta{margin-top:22px}

.devbar{background:#fff7e0;border-top:1px solid #f0e3b0;color:#7a6a2a;font-size:.78rem;
  padding:10px 24px;text-align:center}
.devbar b{color:#5c4f1c}

@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr}.roundel{margin:6px 0 0}
  .fb-grid{grid-template-columns:1fr}
  .cards3,.abc,.benefit{grid-template-columns:1fr 1fr}
  .cards4,.proc{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .cards3,.abc,.cards4,.proc,.benefit,.foot-grid{grid-template-columns:1fr}
  .brand{font-size:1.2rem}.banner-photos{display:none}
}

/* Pagina del singolo modello — contenuto importato da WordPress */
.model-body { line-height: 1.75; }
.model-body p { margin: 0 0 1.1em; }
.model-body img { max-width: 100%; height: auto; border-radius: 10px; }
.model-body a { color: var(--red); }
.model-body a:has(> img) { display: block; }   /* le foto sono spesso dentro un link */

/* allineamenti ereditati da WordPress: così il testo avvolge le foto */
.model-body .aligncenter { display: block; margin: 20px auto; }
.model-body .alignleft  { float: left;  margin: 6px 24px 16px 0; max-width: 48%; }
.model-body .alignright { float: right; margin: 6px 0 16px 24px; max-width: 48%; }
.model-body::after { content: ""; display: block; clear: both; }

.card-img { overflow: hidden; }
.card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.crumbs { font-family:'Saira Condensed',sans-serif; font-size:.82rem; letter-spacing:.04em;
  text-transform:uppercase; color:var(--muted); margin-bottom:20px; display:flex;
  flex-wrap:wrap; align-items:center; gap:8px; }
.crumbs a { color:var(--green); }
.crumbs a:hover { color:var(--red); }
.crumbs .sep { color:var(--muted); opacity:.5; }
.crumbs .current { color:var(--ink); font-weight:600; }
.community{background:var(--cream);padding:48px 0}

/* Card Facebook */
.fb-card{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff;
  border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:22px}
.fb-cover{position:relative;min-height:240px;background:#0a0d08}
.fb-cover img{width:100%;height:100%;object-fit:cover;display:block}
.fb-cover .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.35);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
.fb-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.fb-body h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;text-transform:uppercase;line-height:1.05}
.fb-body h2 .num{color:var(--fb-blue)}
.fb-body .sub{font-family:'Saira Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;
  font-weight:600;color:#cfd2c6;margin:4px 0 12px;font-size:.9rem}
.fb-body p{color:#aeb3a5;font-size:.92rem;margin-bottom:18px;max-width:460px}
.btn-fb-outline{align-self:flex-start;background:transparent;color:#fff;border:2px solid var(--fb-blue)}
.btn-fb-outline:hover{background:var(--fb-blue);color:#fff}

/* Card Instagram */
.ig-card{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;
  background:linear-gradient(95deg,#F58529 0%,#DD2A7B 55%,#8134AF 100%);color:#fff;
  border-radius:16px;padding:24px 30px;box-shadow:var(--shadow)}
.ig-avatar{width:78px;height:78px;border-radius:50%;background:#fff;overflow:hidden;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-family:'Saira Condensed',sans-serif;
  font-weight:800;font-size:1.4rem;color:var(--green);border:3px solid rgba(255,255,255,.7)}
.ig-avatar img{width:100%;height:100%;object-fit:cover}
.ig-sub{font-family:'Saira Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;font-weight:800;font-size:1.6rem;line-height:1.1}
.ig-text h3{font-size:1rem;font-weight:500;margin:2px 0 8px;opacity:.95}
.ig-text p{font-size:.9rem;opacity:.95;max-width:520px}
.ig-btn{background:#fff;color:#C13584;font-weight:700}
.ig-btn:hover{background:#f3e9f6}

@media(max-width:760px){
  .fb-card{grid-template-columns:1fr}
  .ig-card{grid-template-columns:1fr;text-align:center;justify-items:center}
}

/* Card archivio: fascia immagine larga e bassa, come nel mockup v9 */
.card-img{
  aspect-ratio: 7 / 3;   /* largo e basso: alza il 2° numero per renderla più alta */
  height: auto;
  min-height: 0;
}

/* Header: gruppo destro (lingua + area clienti) */
.topbar-right{ display:flex; align-items:center; gap:16px; }

.area-clienti{
  display:inline-flex; align-items:center; gap:7px;
  color:var(--cream); text-decoration:none;
  font-family:'Saira Condensed',sans-serif; text-transform:uppercase;
  letter-spacing:.04em; font-size:.82rem; transition:color .15s;
}
.area-clienti:hover{ color:var(--yellow); }
.area-clienti svg{ width:20px; height:20px; }

/* Su mobile resta solo l'icona */
@media (max-width:640px){ .area-clienti-label{ display:none; } }

@media (max-width:600px){
  .tagbar{ gap:12px; padding:10px 12px; }
  .tagbar-text{ font-size:.82rem; }
  .tagbar-fmi{ height:34px; }
}