/* ══ PAGINE v7 — Verde Petrolio + Oxford Blue ══ */

/* HERO */
.hero{padding:var(--s7,96px) 0;background:var(--bg-white,#fff)}
.hero__in{display:grid;grid-template-columns:6fr 5fr;gap:var(--s7,96px);align-items:center}
.hero__content{}
.hero__eyebrow{margin-bottom:20px}
/* H1 → verde petrolio uniforme */
.hero__title{font-size:clamp(28px,4.5vw,46px);font-weight:700;color:var(--petrol,#006D5B);line-height:1.15;margin-bottom:18px;letter-spacing:-.03em}
/* Subtitolo hero → testo medio su bianco: arancio consentito, usiamo slate per neutralità */
.hero__sub{font-size:var(--text-lg,18px);color:var(--slate,#2D3748);line-height:1.7;margin-bottom:36px;max-width:520px;font-weight:500}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;align-items:center}
/* "30 min · nessun costo" → oxford blue piccolo */
.hero__micro{display:flex;align-items:center;gap:7px;font-size:var(--text-xs,12px);color:var(--oxford,#002147);font-weight:600}
.hero__micro svg{color:var(--petrol,#006D5B);flex-shrink:0}
.hero__img-wrap{position:relative}
.hero__img{width:100%;border-radius:var(--r-xl,20px);box-shadow:var(--sh-lg);object-fit:cover;max-height:520px}
/* Decorazioni angolo — petrol e arancio */
.hero__img-wrap::before{content:'';position:absolute;top:-14px;right:-14px;width:55%;height:55%;border:3px solid var(--petrol-mid,#B3D6CF);border-radius:var(--r-xl,20px);z-index:-1;opacity:.7}
.hero__img-wrap::after{content:'';position:absolute;bottom:-14px;left:-14px;width:38%;height:38%;border:3px solid var(--arancio,#F28C28);border-radius:var(--r-xl,20px);z-index:-1;opacity:.3}

/* STADIO HERO */
.stadio-hero{padding:var(--s7) 0 var(--s6);background:linear-gradient(135deg,var(--bg-white,#fff) 0%,var(--petrol-pale,#F0F8F6) 100%);border-bottom:3px solid var(--petrol,#006D5B)}
.stadio-hero__in{display:grid;grid-template-columns:6fr 5fr;gap:var(--s6);align-items:center}
/* Titolo stadio → verde petrolio */
.stadio-hero__title{font-size:clamp(24px,3.5vw,42px);font-weight:700;color:var(--petrol,#006D5B);line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}
/* Sottotitolo → oxford (piccolo-medio) */
.stadio-hero__sub{font-size:var(--text-lg);color:var(--oxford,#002147);margin:0;font-weight:500}
.stadio-hero__img{width:100%;border-radius:var(--r-xl);box-shadow:var(--sh-lg);object-fit:cover}

/* SEGNALI */
.signals{list-style:none;padding:0;margin:var(--s3) 0;display:flex;flex-direction:column;gap:10px}
.signal{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;background:#fff;border-radius:var(--r-md);border:1.5px solid var(--fog-dark);font-size:var(--text-base);line-height:1.55;color:var(--oxford,#002147);box-shadow:var(--sh-xs);transition:all var(--tr)}
.signal:hover{border-color:var(--petrol);box-shadow:var(--sh-sm)}
.signal svg{color:var(--petrol,#006D5B);flex-shrink:0;margin-top:3px}

/* BOX SEZIONI STADIO */
.stadio-problem-box{background:linear-gradient(135deg,var(--petrol-pale,#F0F8F6),var(--petrol-light,#E6F2EF));border-radius:var(--r-lg);padding:var(--s4);border:1.5px solid var(--petrol-mid);box-shadow:var(--sh-sm)}
.stadio-solution-box{background:linear-gradient(135deg,var(--petrol-light,#E6F2EF),var(--petrol-pale,#F0F8F6));border-radius:var(--r-lg);padding:var(--s4);border:1.5px solid var(--petrol,#006D5B);box-shadow:var(--sh-sm)}
.stadio-result-box{padding:var(--s4);background:linear-gradient(135deg,var(--oxford,#002147),var(--oxford-dark,#001530));border-radius:var(--r-lg);display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4);box-shadow:var(--sh-lg)}
/* Su sfondo oxford → testo bianco */
.stadio-result-box p{color:rgba(255,255,255,.85)} .stadio-result-box small{color:rgba(255,255,255,.45)}
.stadio-kpi-pill{padding:14px 24px;background:linear-gradient(135deg,var(--arancio,#F28C28),var(--arancio-dark,#D4740E));border-radius:var(--r-md);flex-shrink:0;box-shadow:0 4px 14px rgba(242,140,40,.3)}
.stadio-kpi-pill span{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.02em}
.stadio-grid-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border-radius:var(--r-md);border:1.5px solid var(--fog-dark);font-size:var(--text-sm);color:var(--oxford,#002147);box-shadow:var(--sh-xs);transition:all var(--tr)}
.stadio-grid-item:hover{box-shadow:var(--sh-md);border-color:var(--petrol)}
.stadio-grid-item.bad{border-left:3px solid var(--error)}
.stadio-grid-item.good{border-left:3px solid var(--petrol)}
.resistenza-box{padding:18px var(--s3);border-radius:var(--r-md);border:1.5px solid;margin-top:var(--s3);box-shadow:var(--sh-xs)}
.resistenza-box.warning{background:var(--arancio-light,#FEF3E6);border-color:rgba(242,140,40,.3)}
.resistenza-box.info{background:var(--petrol-light,#E6F2EF);border-color:var(--petrol-mid,#B3D6CF)}
.resistenza-box p{font-size:13px;margin:0;font-weight:500}
.resistenza-box .q{font-weight:700;color:var(--petrol,#006D5B);margin-bottom:5px}
.resistenza-box .a{color:var(--oxford,#002147)}

/* CHI SONO */
.chi-sono-hero{padding:var(--s7) 0;background:#fff;border-bottom:3px solid var(--petrol)}
.valore-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:var(--r-md);background:#fff;border:1.5px solid var(--fog-dark);border-left:4px solid var(--petrol,#006D5B);box-shadow:var(--sh-sm);transition:all var(--tr)}
.valore-item:hover{transform:translateX(5px);box-shadow:var(--sh-md);border-color:var(--petrol)}
.valore-icon{width:40px;height:40px;border-radius:50%;background:var(--petrol-light,#E6F2EF);color:var(--petrol,#006D5B);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-xs)}
.valore-text{font-size:15px;font-weight:600;color:var(--petrol,#006D5B);letter-spacing:-.01em}
.valore-sub{font-size:12px;color:var(--oxford,#002147);margin:3px 0 0;font-weight:500}
.timeline{display:flex;flex-direction:column;gap:0}
.tl-item{display:flex;gap:var(--s3);padding-bottom:var(--s4);position:relative}
.tl-item:not(:last-child)::before{content:'';position:absolute;left:19px;top:44px;bottom:0;width:2px;background:linear-gradient(180deg,var(--petrol,#006D5B),transparent)}
.tl-dot{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--petrol,#006D5B),var(--petrol-dark,#005247));color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;z-index:1;box-shadow:var(--sh-btn-petrol,0 3px 12px rgba(0,109,91,.28))}
.tl-body{padding-top:9px}
/* Anno → verde petrolio (piccolo su bianco, ma accent) */
.tl-year{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--petrol,#006D5B);margin-bottom:5px}
/* Titolo → verde petrolio */
.tl-title{font-size:16px;font-weight:600;color:var(--petrol,#006D5B);margin-bottom:5px;letter-spacing:-.01em}
/* Testo → oxford */
.tl-text{font-size:14px;color:var(--oxford,#002147);line-height:1.65;font-weight:500}

/* PRENOTA */
.prenota-hdr{height:70px;background:#fff;border-bottom:3px solid var(--petrol,#006D5B);box-shadow:var(--sh-xs)}
.prenota-hdr__in{display:flex;align-items:center;justify-content:space-between;height:100%}
.prenota-hero{padding:var(--s6) 0 var(--s4);text-align:center}
/* H1 prenota → verde petrolio */
.prenota-hero h1{color:var(--petrol,#006D5B)}
.prenota-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--s6);align-items:start}
.prenota-block{background:var(--petrol-pale,#F0F8F6);border-radius:var(--r-lg);padding:var(--s3);margin-bottom:14px;border:1.5px solid var(--petrol-mid);box-shadow:var(--sh-xs)}
.prenota-block__title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--petrol,#006D5B);margin-bottom:14px;letter-spacing:-.01em}
.prenota-block__title svg{color:var(--petrol,#006D5B)}
.prenota-block--warn .prenota-block__title svg{color:var(--oxford,#002147)}
/* Testi lista → oxford (piccolo) */
.prenota-ol{padding-left:20px;display:flex;flex-direction:column;gap:10px}
.prenota-ol li{font-size:14px;color:var(--oxford,#002147);line-height:1.55;font-weight:500}
.prenota-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.prenota-ul li{display:flex;align-items:flex-start;gap:9px;font-size:14px;color:var(--oxford,#002147);font-weight:500}
.prenota-ul.yes li::before{content:'✓';color:var(--petrol,#006D5B);font-weight:800;flex-shrink:0;font-size:15px}
.prenota-ul.no  li::before{content:'✕';color:var(--cool-grey,#718096);font-weight:800;flex-shrink:0}
.prenota-reassure{display:flex;align-items:flex-start;gap:10px;padding:16px 18px;background:var(--petrol-light,#E6F2EF);border-radius:var(--r-md);border-left:3px solid var(--petrol,#006D5B);box-shadow:var(--sh-xs)}
.prenota-reassure svg{color:var(--petrol,#006D5B);flex-shrink:0;margin-top:2px}
.prenota-reassure p{font-size:13px;color:var(--oxford,#002147);margin:0;line-height:1.55;font-weight:500}
.calendly-wrap{border:2px dashed var(--fog-dark);border-radius:var(--r-lg);padding:var(--s5);text-align:center;background:var(--petrol-pale);box-shadow:var(--sh-xs)}

/* ARCHIVE / BLOG */
.arch-hdr{padding:var(--s6) 0 var(--s5);border-bottom:3px solid var(--petrol,#006D5B);background:var(--bg-off)}
.arch-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s3)}
.cat-tag{padding:6px 16px;border-radius:var(--r-full);font-size:12px;font-weight:600;border:1.5px solid var(--fog-dark);color:var(--oxford,#002147);text-decoration:none;background:#fff;box-shadow:var(--sh-xs);transition:all var(--tr)}
.cat-tag:hover,.cat-tag.active{background:var(--petrol,#006D5B);border-color:var(--petrol,#006D5B);color:#fff;box-shadow:var(--sh-btn-petrol,0 3px 12px rgba(0,109,91,.28));transform:translateY(-1px)}
.post-feat{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1.5px solid var(--fog-dark);border-top:4px solid var(--petrol,#006D5B);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--s5);box-shadow:var(--sh-md)}
.post-feat__img{aspect-ratio:4/3;overflow:hidden;background:var(--petrol-light)}
.post-feat__img img{width:100%;height:100%;object-fit:cover}
.post-feat__body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.post-feat__title{font-size:26px;font-weight:700;margin-bottom:14px;line-height:1.25;letter-spacing:-.02em;color:var(--petrol)}
.post-feat__title a{color:inherit;text-decoration:none}
.post-feat__title a:hover{color:var(--arancio)}
.post-feat__ex{font-size:15px;color:var(--oxford);margin-bottom:var(--s3);font-weight:500}

/* SINGLE */
.single-hdr{padding:var(--s5) 0;border-bottom:3px solid var(--petrol,#006D5B);background:linear-gradient(180deg,var(--bg-off),var(--bg-white))}
.single-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--s6);align-items:start}
.sidebar-card{background:var(--petrol-pale,#F0F8F6);border-radius:var(--r-lg);padding:var(--s3);border-top:3px solid var(--petrol,#006D5B);border:1.5px solid var(--petrol-mid);box-shadow:var(--sh-sm);position:sticky;top:calc(var(--topbar-h,46px) + var(--hdr-h,86px) + 24px)}

/* 404 */
.page-404{text-align:center;padding:var(--s8) 0;min-height:70vh;display:flex;align-items:center;justify-content:center}

/* RESPONSIVE */
@media(max-width:1024px){.hero__in,.stadio-hero__in{grid-template-columns:1fr;gap:var(--s4)}.hero__img-wrap{order:-1}.hero__img-wrap::before,.hero__img-wrap::after{display:none}.prenota-grid,.single-layout{grid-template-columns:1fr}.post-feat{grid-template-columns:1fr}.post-feat__body{padding:var(--s3)}}
@media(max-width:768px){.hero{padding:var(--s6) 0}.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{width:100%}.hero__actions .btn-ghost{width:auto;align-self:center}.stadio-hero{padding:var(--s6) 0 var(--s5)}.chi-sono-hero{padding:var(--s6) 0}.prenota-hero{padding:var(--s4) 0 var(--s2)}.stadio-result-box{flex-direction:column;align-items:flex-start}.arch-hdr{padding:var(--s5) 0 var(--s4)}}
@media(max-width:480px){.hero__title{font-size:24px}.stadio-hero__title{font-size:22px}.post-feat__body{padding:var(--s3)}}

/* ══ STRUTTURA HERO UNIFICATA — tutte le pagine ══
   Classe .page-hero applicata uniformemente
   Border-bottom sempre petrol, bg sempre bg-off
══════════════════════════════════════════════════ */
.page-hero{
  padding:var(--s6) 0 var(--s5);
  background:var(--petrol-pale);
  border-bottom:3px solid var(--petrol);
}
.page-hero .container{max-width:var(--max-w)}
/* Eyebrow uniforme */
.page-hero .section-label{color:var(--oxford);display:block;margin-bottom:12px}
/* H1 sempre petrol */
.page-hero h1{color:var(--petrol);font-size:clamp(26px,4vw,42px);font-weight:700;line-height:1.2;margin-bottom:16px;letter-spacing:-.025em}
/* Sottotitolo → oxford (piccolo-medio) */
.page-hero .hero-sub{font-size:var(--text-lg);color:var(--oxford);line-height:1.7;max-width:62ch;font-weight:500;margin-bottom:0}

/* Chi Sono hero — mantiene accento coral ma struttura unificata */
.chi-sono-hero{
  padding:var(--s7) 0;
  background:var(--petrol-pale);
  border-bottom:3px solid var(--petrol);  /* prima: coral */
}
/* Quote Chi Sono → sfondo petrol-light invece di coral */
.chi-sono-quote{
  background:var(--petrol-light);
  border-top:3px solid var(--petrol);
  border-bottom:3px solid var(--petrol);
  padding:var(--s6) 0;
}
.chi-sono-quote p{font-size:clamp(18px,2.4vw,24px);font-weight:600;color:var(--petrol-deeper);line-height:1.45;margin:0 0 12px}
.chi-sono-quote .attribution{font-size:13px;color:var(--oxford);font-weight:600;letter-spacing:1px;margin:0}

/* Prenota hero */
.prenota-hero{padding:var(--s5) 0 var(--s3);text-align:center;background:var(--petrol-pale)}
.prenota-hero h1{color:var(--petrol);font-size:clamp(24px,3.5vw,40px);font-weight:700;margin-bottom:10px;letter-spacing:-.025em}
.prenota-hero p{font-size:var(--text-lg);color:var(--oxford);margin:0}
.prenota-hdr{height:70px;background:var(--bg-white);border-bottom:3px solid var(--petrol);box-shadow:var(--sh-xs)}

/* Stadio hero — bordo sempre petrol (no colori dinamici) */
.stadio-hero{
  padding:var(--s7) 0 var(--s6);
  background:var(--petrol-pale);
  border-bottom:3px solid var(--petrol);
}
.stadio-hero__title{color:var(--petrol) !important}
.stadio-hero__sub{color:var(--oxford)}

/* Alternanza bg sezioni uniforme:
   sezione 1: bg-white
   sezione 2: bg-off (petrol-pale)
   sezione 3: bg-white
   ecc. */
.section-alt{background:var(--petrol-pale)}

/* Sidebar articolo */
.sidebar-card{
  background:var(--petrol-pale);
  border-top:3px solid var(--petrol);
  border:1.5px solid var(--petrol-mid);
}

/* Step label oxford (piccolo) */
.step__title{color:var(--petrol)}
.step__text{color:var(--oxford)}

/* Label section → oxford piccolo uniforme */
.section-label{color:var(--oxford) !important}

/* Timeline dots → petrol */
.tl-dot{background:linear-gradient(135deg,var(--petrol),var(--petrol-dark)) !important}
.tl-year{color:var(--petrol) !important}
.tl-title{color:var(--petrol) !important}

/* Valori "Chi Sono" — border petrol */
.valore-item{border-left-color:var(--petrol) !important}
.valore-icon{background:var(--petrol-light) !important;color:var(--petrol) !important}

/* Archive tag */
.cat-tag{color:var(--oxford)}

/* Post featured border top → petrol */
.post-feat{border-top-color:var(--petrol) !important}

/* RESPONSIVE aggiornato */
@media(max-width:768px){
  .page-hero{padding:var(--s5) 0 var(--s4)}
  .chi-sono-hero{padding:var(--s6) 0}
  .stadio-hero{padding:var(--s6) 0 var(--s5)}
}