/* Generated from original HTML styles */

/* --- inline-style --- */
:root{--bg:#0a0a0a;--muted:#111;--card:#121212;--text:#eaeaea;--sub:#bdbdbd;--acc:#6cd56c;--border:#222;--radius:18px;}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:0 auto;padding:24px}
main.wrap{padding-top:12px;}
.banner-top{width:100%;background:#000;text-align:center;position:sticky;top:0;z-index:20}.banner-top img{max-width:100%;height:auto;display:block;margin:0 auto}header{position:sticky;top:120px;backdrop-filter:saturate(140%) blur(6px);background:rgba(10,10,10,.85);border-bottom:1px solid var(--border);z-index:10}.nav{display:flex;align-items:center;gap:18px;padding:12px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px;text-decoration:none;color:var(--text);opacity:1}.logo img{height:40px;width:auto;display:block}.hero-logo{max-height:120px;width:auto;display:block;margin:0 0 12px;opacity:.95}.spacer{flex:1}.nav a{font-weight:600;color:var(--text);opacity:.9}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--acc);padding:12px 16px;border-radius:12px;color:#0a0a0a;font-weight:800;border:0;cursor:pointer;transition:background .2s ease}.btn:hover{background:#7fe07f;text-decoration:none}.hero{padding:56px 0 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-side{display:flex;flex-direction:column;gap:14px}
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:0 0 12px}.hero p{color:var(--sub);font-size:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section{padding:54px 0;border-bottom:1px solid rgba(255,255,255,0.6);}h2{font-size:28px;margin:0 0 16px}.kpis{display:flex;gap:18px;flex-wrap:wrap}.kpi{flex:1 1 160px;background:#0f0f0f;border:1px solid var(--border);border-radius:14px;padding:16px}.kpi b{display:block;font-size:22px}.pill{display:inline-block;padding:6px 12px;border-radius:40px;background:var(--acc);color:#0a0a0a;font-weight:600;font-size:13px;transition:background .2s ease}.pill:hover{background:#7fe07f;text-decoration:none}.list{display:grid;gap:12px}.list li{background:#0f0f0f;border:1px solid var(--border);border-radius:12px;padding:14px}footer{border-top:1px solid var(--border);padding:30px 0 60px;color:var(--sub)}footer img{height:30px;width:auto}@media (max-width:900px){.hero{grid-template-columns:1fr;padding:40px 0 0}.grid{grid-template-columns:1fr;}.hero-logo{max-height:90px}}.banner-top{position:fixed;top:0;left:0;width:100%;z-index:1000;}header{position:fixed;top:var(--banner-height);left:0;width:100%;backdrop-filter:saturate(140%) blur(6px);background:rgba(10,10,10,.85);border-bottom:1px solid var(--border);z-index:999;}main{}.doc-card{cursor:pointer;position:relative;overflow:hidden}.doc-card:hover{outline:1px solid var(--border)}#doc-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2000}#doc-modal{background:#111;border:1px solid var(--border);border-radius:16px;max-width:720px;width:92%;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.5)}#doc-modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}#doc-modal h3{margin:0;font-size:22px}#doc-modal .content{padding:18px 20px;color:var(--sub);line-height:1.55}#doc-modal .actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 18px}#doc-modal .btn-close{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 14px;cursor:pointer}#doc-modal .btn-close:hover{filter:brightness(1.15)}.logo span{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:4px;font-weight:800;}.hero h1{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:6px;font-weight:800;}.evt-card{cursor:pointer;position:relative}#evt-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2100}#evt-modal{background:#111;border:1px solid var(--border);border-radius:16px;max-width:820px;width:92%;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.5)}#evt-modal header{display:flex;align-items:center;justify-content:flex-end;padding:10px 14px;border-bottom:1px solid var(--border)}#evt-modal .content{padding:18px 20px;}#evt-modal .btn-close{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer}#evt-modal .btn-close:hover{filter:brightness(1.15)}.evt-thumb{width:100%;height:160px;object-fit:cover;border-radius:12px;margin:0 0 10px}#evt-modal .poster{max-width:100%;height:auto;border-radius:12px;margin:0 0 14px}#cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;background:#111;color:#eaeaea;border:1px solid var(--border);border-radius:14px;padding:14px 16px;z-index:3000;box-shadow:0 8px 24px rgba(0,0,0,.4)}#cookie-banner .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#cookie-banner p{margin:0;color:var(--sub)}#cookie-banner .actions{margin-left:auto;display:flex;gap:8px}#cookie-banner button{border:1px solid var(--border);background:#1a1a1a;color:#eaeaea;padding:8px 12px;border-radius:10px;cursor:pointer}#cookie-banner button.accept{background:var(--acc);color:#0a0a0a;border-color:transparent;font-weight:700}#cookie-banner button:hover{filter:brightness(1.08)}.consent-placeholder{position:relative;border:1px dashed var(--border);border-radius:12px;padding:18px;text-align:center;background:#0f0f0f;color:var(--sub)}.consent-placeholder b{color:#eaeaea}.consent-placeholder .ph-actions{margin-top:10px;display:flex;justify-content:center;gap:10px}.consent-placeholder button{border:1px solid var(--border);background:#1a1a1a;color:#eaeaea;padding:8px 12px;border-radius:10px;cursor:pointer}.consent-placeholder button.accept{background:var(--acc);color:#0a0a0a;border-color:transparent;font-weight:700}.legal-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--acc);padding:12px 16px;border-radius:12px;color:#0a0a0a;font-weight:800;border:0;cursor:pointer;margin-bottom:12px}.legal-toggle:hover{filter:brightness(1.06)}.legal-box{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;max-height:0;transition:max-height .35s ease;}.legal-box.open{max-height:2000px;}.legal-box .inner{padding:20px}#privacy{padding:54px 0;}#privacy .legal-box{margin-top:16px;}@media (max-width:600px){.wrap{padding:16px;}main.wrap{padding-top:10px;}.section{padding:10px 0;}.grid{grid-template-columns:1fr;gap:12px;}.card{padding:16px;}.logo img{height:32px;}.hero-logo{max-height:80px;}.hero h1{letter-spacing:3px;font-size:clamp(24px,7vw,36px);}.btn{padding:12px 16px;min-height:44px;}.evt-thumb{height:120px;}#cookie-banner .row{flex-direction:column;align-items:flex-start;gap:10px;}#cookie-banner .actions{margin-left:0;width:100%;flex-direction:column;}#cookie-banner button{width:100%;min-height:44px;}}.nav-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px;cursor:pointer}.nav-toggle:hover{filter:brightness(1.1)}@media (max-width:900px){header .spacer{display:none}.nav-toggle{display:inline-flex;margin-left:auto}#site-nav{position:absolute;right:16px;top:calc(100% + 8px);background:#111;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:none;flex-direction:column;gap:10px;box-shadow:0 12px 30px rgba(0,0,0,.4)}#site-nav a{padding:6px 4px;display:block}#site-nav.open{display:flex}}.nav-toggle .icon-close{display:none}.nav-toggle[aria-expanded="true"] .icon-burger{display:none}.nav-toggle[aria-expanded="true"] .icon-close{display:inline}.nav-toggle svg{transition:transform .25s ease,opacity .25s ease}.nav-toggle .icon-burger{transform:rotate(0deg);opacity:1}.nav-toggle .icon-close{transform:rotate(-90deg);opacity:0;position:absolute}.nav-toggle[aria-expanded="true"] .icon-burger{transform:rotate(90deg);opacity:0}.nav-toggle[aria-expanded="true"] .icon-close{transform:rotate(0deg);opacity:1}@media (max-width:900px){#site-nav{position:absolute;right:16px;top:calc(100% + 8px);background:#111;border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 30px rgba(0,0,0,.4);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease;}#site-nav a{padding:6px 4px;display:block;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;}#site-nav.open{opacity:1;transform:translateY(0);pointer-events:auto;}#site-nav.open a{opacity:1;transform:translateY(0);}#site-nav.open a:nth-child(1){transition-delay:.02s}#site-nav.open a:nth-child(2){transition-delay:.05s}#site-nav.open a:nth-child(3){transition-delay:.08s}#site-nav.open a:nth-child(4){transition-delay:.11s}#site-nav.open a:nth-child(5){transition-delay:.14s}#site-nav.open a:nth-child(6){transition-delay:.17s}}@media (prefers-reduced-motion:reduce){.nav-toggle svg,#site-nav,#site-nav a{transition:none !important}}@media (max-width:900px){#site-nav a{border-bottom:1px solid var(--border);padding:8px 4px;}#site-nav a:last-child{border-bottom:none}}@media (max-width:600px){.section.collapsible h2{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}.section.collapsible h2::after{content:"▾";font-size:18px;opacity:.8;transition:transform .25s ease;}.section.collapsible.open h2::after{transform:rotate(180deg);}.section.collapsible .collapsible-body{overflow:hidden;max-height:0;transition:max-height .35s ease;}.section.collapsible.open .collapsible-body{max-height:1000vh;}}@media (max-width:600px){.section.collapsible h2{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}.section.collapsible h2::after{content:"▾";font-size:18px;opacity:.8;transition:transform .25s ease;}.section.collapsible.open h2::after{transform:rotate(180deg);}.section.collapsible .collapsible-body{overflow:hidden;max-height:0;transition:max-height .35s ease;}.section.collapsible.open .collapsible-body{max-height:1000vh;}}.doc-portrait{max-width:100%;height:auto;border-radius:12px;margin-bottom:12px}.map-wrap{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0f0f0f;margin-top:12px}.map-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:600px){.map-wrap{padding-top:70%}}html{scroll-behavior:smooth;}section[id],.section[id],[data-anchor],[id^="sec-"]{scroll-margin-top:var(--anchor-offset,280px);}:target{scroll-margin-top:var(--anchor-offset,280px);}.nav a.active{color:var(--acc);text-decoration:underline;text-underline-offset:4px;}@media (max-width:600px){.section.collapsible .collapsible-body{opacity:0;transition:max-height .35s ease,opacity .25s ease;}.section.collapsible.open .collapsible-body{opacity:1;}}.banner-top-img,.banner-top{width:100%;height:auto;max-height:30vh;object-fit:cover;display:block;}:root{--banner-height:30vh;}.banner-top{position:fixed;top:0;left:0;width:100%;height:var(--banner-height);z-index:1000;}.banner-top-img,.banner-top img{width:100%;height:100%;object-fit:cover;display:block;}header{position:fixed;top:var(--banner-height);left:0;width:100%;backdrop-filter:saturate(140%) blur(6px);background:rgba(10,10,10,.85);border-bottom:1px solid var(--border);z-index:999;}main{margin-top:calc(var(--banner-height) + 64px);}.hero-badge img{max-height:108px;width:auto;margin:1rem 0;transition:transform 0.2s ease;border-radius:12px;}.hero-badge img:hover{transform:scale(1.05);}.hero-badge img{max-height:108px;width:auto;margin:1rem 0;transition:transform 0.2s ease;border-radius:12px;}.hero-badge img:hover{transform:scale(1.05);}.hero-badges{display:flex;gap:12px;justify-content:center;margin:1rem 0;}.hero-badge img{max-height:108px;width:auto;border-radius:12px;transition:transform 0.2s ease;}.hero-badge img:hover{transform:scale(1.05);}.docente img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-top:1rem;}.hero-buttons .btn{display:flex;align-items:center;justify-content:center;flex:1 1 200px;max-width:220px;height:48px;text-align:center;}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-top:1rem;flex-wrap:wrap;}.hero-buttons .btn{display:flex;align-items:center;justify-content:center;flex:1 1 200px;max-width:220px;height:48px;text-align:center;}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.hero-title{letter-spacing:0.3em;}@media (max-width:768px){.hero-title{letter-spacing:0.2em;}}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:1rem;}.insta-post{background:rgba(255,255,255,.05);border:1px solid var(--border,#ddd);border-radius:12px;overflow:hidden;padding:8px;}.insta-cta{margin-top:1rem;text-align:center;}@media (max-width:900px){.insta-grid{grid-template-columns:1fr 1fr;}}@media (max-width:580px){.insta-grid{grid-template-columns:1fr;}}.insta-embed-wrap{position:relative;width:100%;max-width:1024px;margin:1rem auto;aspect-ratio:3 / 1;border:1px solid var(--border,#ddd);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);}.insta-embed{position:absolute;inset:0;width:100%;height:100%;}.insta-cta{margin-top:1rem;text-align:center;}@media (max-width:900px){.insta-embed-wrap{aspect-ratio:1.8 / 1;}}@media (max-width:580px){.insta-embed-wrap{aspect-ratio:1 / 1;}}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.doc-card>img{width:100%;height:200px;object-fit:cover;border-radius:12px;display:block;}.media-scroller{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.media-scroller .card{min-width:320px;flex:0 0 auto;scroll-snap-align:start;}@media (max-width:480px){.media-scroller .card{min-width:260px;}}.media-wrapper{position:relative;}.media-prev,.media-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;font-size:2rem;padding:0.5rem 1rem;cursor:pointer;z-index:5;border-radius:50%;}.media-prev{left:10px;}.media-next{right:10px;}.media-prev:hover,.media-next:hover{background:rgba(0,0,0,0.8);}.media-scroller .card{min-width:320px;max-width:420px;flex:0 0 auto;}.media-scroller .card iframe{width:100% !important;height:100% !important;border:0;}.media-scroller .card{min-width:320px;max-width:420px;flex:0 0 auto;scroll-snap-align:start;}.ratio-box{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;}.ratio-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.media-wrapper{position:relative;}.media-scroller{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.media-scroller .card{min-width:320px;max-width:420px;flex:0 0 auto;scroll-snap-align:start;}.ratio-box{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;}.ratio-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.media-prev,.media-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:0;font-size:2rem;padding:.25rem .6rem;cursor:pointer;z-index:5;border-radius:50%;}.media-prev{left:10px;}.media-next{right:10px;}.media-prev:hover,.media-next:hover{background:rgba(0,0,0,0.8);}@media (max-width:480px){.media-scroller .card{min-width:260px;}}.media-scroller{overscroll-behavior-x:contain;scroll-behavior:smooth;}.ratio-box{background:#000;}.media-wrapper{position:relative;}.media-scroller{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.media-scroller .card{min-width:320px;max-width:420px;flex:0 0 auto;scroll-snap-align:start;}.ratio-box{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;}.ratio-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.media-prev,.media-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:0;font-size:2rem;padding:.25rem .6rem;cursor:pointer;z-index:5;border-radius:50%;}.media-prev{left:10px;}.media-next{right:10px;}.media-prev:hover,.media-next:hover{background:rgba(0,0,0,0.8);}@media (max-width:480px){.media-scroller .card{min-width:260px;}}


/* --- Header: collapse the large brand banner on vertical scroll --- */
.banner-top{
  transition:transform .32s ease,opacity .24s ease;
  will-change:transform;
}
header{transition:top .32s ease;}
body.banner-collapsed > .banner-top{
  transform:translateY(-100%);
  opacity:0;
  pointer-events:none;
}
body.banner-collapsed > header{top:0 !important;}
@media (prefers-reduced-motion:reduce){
  .banner-top,header{transition:none !important;}
}

/* --- mobile-optimizations --- */
.section{scroll-margin-top:calc(var(--banner-height,0px) + 64px);}@media (max-width:600px){.section{scroll-margin-top:calc(var(--banner-height,0px) + 56px);}}@media (max-width:600px){.hero{padding:12px 0 20px !important;gap:12px !important;text-align:center;}.hero h1{font-size:clamp(22px,7vw,32px) !important;letter-spacing:3px !important;line-height:1.1 !important;}.hero p{font-size:16px !important;line-height:1.5 !important;}.hero .btn{width:100% !important;justify-content:center;min-height:48px;}.hero-logo{max-height:72px !important;}}


/* --- nav-toggle-center --- */
@media (max-width:900px){header .nav{justify-content:center;}.nav-toggle{margin-left:0 !important;}}


/* --- banner-resize-mobile --- */
@media (max-width:600px){:root{--banner-height:clamp(64px,14vh,96px);}.banner-top{height:var(--banner-height);}.banner-top img{width:100%;height:100%;max-height:var(--banner-height);object-fit:cover;}}


/* --- hero-badges-mobile-tuning --- */
@media (max-width:600px){.hero-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px;}.hero-badge img{max-height:36px !important;width:auto !important;}}


/* --- banner-mobile-override --- */
@media (max-width:600px){.banner-top img{max-height:var(--banner-height)!important;}}


/* --- collapsible-safeguard --- */
@media (max-width:600px){
  .section.collapsible h2{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;}
  .section.collapsible h2::after{content:"▾";font-size:18px;opacity:.8;transition:transform .25s ease;}
  .section.collapsible.open h2::after{transform:rotate(180deg);}
  .section.collapsible .collapsible-body{overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;}
  .section.collapsible.open .collapsible-body{max-height:1000vh;opacity:1;}
}

.ratio-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;}

/* --- blog article layout + images (consistent sizing) --- */
.article-content{max-width:900px;margin:0 auto;}
.article-content p,.article-content li{line-height:1.65;}
.article-content img{width:100%;max-width:600px;height:auto;display:block;border-radius:12px;margin:14px auto 18px;}
.wrap #articolo + .section > .card{background:transparent;border:0;box-shadow:none;padding:0;backdrop-filter:none;}
.blog-figure{width:100%;max-width:600px;height:auto;display:block;border-radius:12px;margin:14px auto 18px;}
@media (max-width:600px){.article-content img,.blog-figure{max-width:100%;margin:10px auto 14px;}}


/* -----------------------------
   Mobile sections rebuilt (details/summary)
   ----------------------------- */
details.m-section{
  border:0;
  padding:0;
  margin:0;
  background:transparent;
}
details.m-section > summary.section-heading{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:28px;
  font-weight:700;
  margin:0 0 16px;
  cursor:default;
  user-select:none;
  outline:none;
}
details.m-section > summary.section-heading::-webkit-details-marker{display:none;}
details.m-section > summary.section-heading::marker{content:"";}
@media (max-width:600px){
  details.m-section > summary.section-heading{
    cursor:pointer;
    padding:6px 0;
    margin:0;
    line-height:1.15;
  }
  details.m-section > summary.section-heading::after{
    content:"▾";
    font-size:18px;
    opacity:.85;
    transition:transform .25s ease;
  }
  details.m-section[open] > summary.section-heading::after{
    transform:rotate(180deg);
  }
  /* Give a little spacing only when section is open */
  details.m-section[open] > summary.section-heading{margin:0 0 10px;}
  details.m-section .collapsible-body{
    overflow:visible;
    max-height:none;
    opacity:1;
  }
}

/* =========================================================
   v12 – Linguetta verticale “Torna su”
   ========================================================= */
.back-to-top{
  position:fixed;
  right:max(14px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:1250;
  width:50px;
  min-height:132px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 8px 12px;
  overflow:visible;
  border:2px solid rgba(108,213,108,.90);
  border-radius:19px 11px 21px 13px;
  background:rgba(8,9,9,.92);
  color:#fff;
  box-shadow:
    0 12px 28px rgba(0,0,0,.42),
    0 0 0 4px rgba(108,213,108,.08),
    inset 0 1px 0 rgba(255,255,255,.10);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(76px) rotate(2deg);
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .34s cubic-bezier(.2,.75,.25,1),
    border-color .2s ease,
    box-shadow .2s ease;
}

.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(0) rotate(.7deg);
}

.back-to-top:hover{
  border-color:#8bea7c;
  transform:translateY(-4px) rotate(0deg);
  box-shadow:
    0 16px 34px rgba(0,0,0,.48),
    0 0 0 5px rgba(108,213,108,.13),
    0 0 24px rgba(108,213,108,.10),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.back-to-top:focus-visible{
  outline:3px solid #8bea7c;
  outline-offset:4px;
}

.back-to-top__arrow{
  color:#8bea7c;
  font-size:27px;
  font-weight:900;
  line-height:.85;
}

.back-to-top__label{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.14em;
  white-space:nowrap;
}

@media (max-width:600px){
  .back-to-top{
    right:max(10px,env(safe-area-inset-right));
    bottom:max(12px,env(safe-area-inset-bottom));
    width:46px;
    min-height:46px;
    height:46px;
    padding:0;
    border-radius:50%;
    gap:0;
  }
  .back-to-top__arrow{
    font-size:25px;
    transform:translateY(-1px);
  }
  .back-to-top__label{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .back-to-top{
    transition:none !important;
  }
}
@media (min-width:601px){
  details.m-section > summary.section-heading::after{content:"";}
}


/* Laboratori: orari sotto il titolo */
.lab-orari{margin:6px 0 10px;font-weight:600;font-size:0.95rem;opacity:.9;}


/* --- Modal scroll fix: ensure long biographies/events are fully readable --- */
#doc-modal, #evt-modal{
  display:flex;
  flex-direction:column;
  max-height:calc(100vh - 48px);
  overflow:hidden;
}
#doc-modal .content, #evt-modal .content{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* --- Modal header fix ---
   The site uses a global <header> that is position:fixed.
   Modals also used <header>, so the global rule could leak in and
   make the modal header fixed too, overlapping the text.
   We explicitly reset the modal header to behave as a normal/sticky
   element inside the modal.
*/
#doc-modal > header,
#evt-modal > header{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  z-index:3;
  backdrop-filter:none;
  background:#111;
}



/* Badge centrale nero (CHI SIAMO) */
.hero-badge.badge-black{
  background:#000;
  border:1px solid var(--border);
  border-radius:12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-badge.badge-black img{
  margin:0 !important;
  border-radius:0 !important;
  width:auto;
}
@media (max-width:600px){
  .hero-badge.badge-black{ padding:6px 8px; }
}


/* --- hero-badges-wide-top (badge Facebook sopra) --- */
.hero-badges{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;justify-items:center;align-items:stretch;margin:1rem 0;}
.hero-badges .hero-badge{width:100%;display:flex;align-items:center;justify-content:center;}
.hero-badges .hero-badge.badge-wide{grid-column:1 / -1;}
.hero-badges .hero-badge.badge-wide img{max-height:96px;width:auto;}
@media (max-width:600px){
  .hero-badges{gap:10px;}
  .hero-badges .hero-badge.badge-wide img{max-height:54px !important;}
}





/* --- Section headings: smaller, aligned with titles inside sections --- */
:root{
  /* Default h3 is ~1.17em: use this to match the card titles */
  --section-title-size: 1.17em;
}

/* Section titles (Corsi/Laboratori/Media/Eventi/Contatti/Instagram/Docenti) */
.section-heading{font-size:var(--section-title-size) !important;}

details.m-section > summary.section-heading{
  font-size:var(--section-title-size) !important;
  margin:0 0 14px !important;
}

/* --- Mobile: collapsed section headers more compact (narrower "list" items) --- */
@media (max-width:600px){
  /* tighter spacing between collapsed items */
  details.m-section{margin:0 0 6px;}

  /* When closed, make each item only slightly larger than its title */
  details.m-section:not([open]){
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  details.m-section:not([open]) > summary.section-heading{
    display:inline-flex;
    width:fit-content;
    max-width:calc(100% - 24px);
    margin:0 !important;
    padding:4px 10px;
    line-height:1.15;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:12px;
    box-sizing:border-box;
    font-size:1em !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    gap:8px;
  }
  details.m-section[open] > summary.section-heading{
    width:100%;
    margin:0 0 14px !important;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    font-size:var(--section-title-size) !important;
  }
  /* Keep the chevron proportionate after the resize */
  details.m-section > summary.section-heading::after{font-size:14px;}
}


/* Corso di Canto - docenti (2 cards layout) */
#docenti-canto .grid{grid-template-columns:repeat(2,1fr);} 
@media (max-width:900px){#docenti-canto .grid{grid-template-columns:1fr;}}


/* --- Corso Chitarra: sezione Conservatorio full-width --- */
.conservatorio-full{
  width:100%;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  display:flex;
  gap:22px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.conservatorio-copy{flex:1 1 520px; min-width:260px;}
.conservatorio-copy h3{margin:0 0 8px;}
.conservatorio-pills{display:flex; gap:10px; flex-wrap:wrap; margin:10px 0 0;}
.conservatorio-cta{flex:0 1 300px; min-width:240px; display:flex; flex-direction:column; gap:10px;}
@media (max-width: 780px){
  .conservatorio-full{padding:18px;}
  .conservatorio-cta{min-width:unset;}
}


/* --- hero-photo-lab --- */
.hero-photo{margin:14px 0 0;}
.hero-photo img{width:100%;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35);}
.hero-photo figcaption{margin-top:8px;font-size:13px;color:var(--sub);text-align:center;}
@media (max-width:600px){.hero-photo{margin-top:12px;}}

/* --- compact hero-photo (used for galleries inside sections) --- */
.hero-photo--compact{max-width:640px;margin-left:auto;margin-right:auto;}
@media (max-width:600px){.hero-photo--compact{max-width:100%;}}
/* --- hero-slider (auto) --- */
.hero-photo .hero-slider{width:100%;border-radius:16px;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;position:relative;aspect-ratio:3/2;background:rgba(0,0,0,.12);}
.hero-photo .hero-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;border:0;border-radius:0;box-shadow:none;}
.hero-photo .hero-slider img.is-active{opacity:1;}
.hero-photo .hero-slider.hero-slider--portrait{aspect-ratio:3/4;max-width:340px;margin-left:auto;margin-right:auto;}
@media (max-width:600px){.hero-photo .hero-slider.hero-slider--portrait{max-width:min(360px,100%);aspect-ratio:3/4;}}

@media (prefers-reduced-motion: reduce){.hero-photo .hero-slider img{transition:none;}}

/* --- SEO helper text & video captions --- */
.hero-seo{max-width:900px;margin:14px auto 0;line-height:1.45;font-size:1.05rem;text-align:center;color:rgba(234,234,234,.9)}
.page-seo{max-width:900px;margin:10px 0 18px;line-height:1.55;font-size:1.02rem;color:rgba(234,234,234,.9)}
.video-caption{margin:10px 0 0;line-height:1.35;font-size:.95rem;color:rgba(234,234,234,.85)}


/* SEO local text (subtle, non-spam) */
.local-seo{font-size:13px;line-height:1.55;color:var(--sub);opacity:.92}
.local-seo strong{color:var(--text)}

/* Events CTA card (styled like other cards) */
.evt-more{display:block;text-decoration:none;color:inherit}
.evt-more:hover{text-decoration:none}


/* --- Modal header hard reset (prevents global header fixed rule from leaking) --- */
#doc-modal header, #evt-modal header{
  position:relative !important;
  top:0 !important;
  left:0 !important;
  width:auto !important;
}


/* --- Header brand link: no underline + subtle hover animation --- */
/* Stops the global a:hover underline from underlining "Opifici Sonori" */
a.logo:hover,
a.logo:focus-visible{
  text-decoration:none !important;
}

/* Small animation: accent line draws in + slight lift */
a.logo span{
  position:relative;
  display:inline-block;
  transition:transform .18s ease, color .18s ease;
}

a.logo span::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:2px;
  background:var(--acc);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
  opacity:.9;
}

a.logo:hover span,
a.logo:focus-visible span{
  transform:translateY(-1px);
  color:var(--acc);
}

a.logo:hover span::after,
a.logo:focus-visible span::after{
  transform:scaleX(1);
}

@media (prefers-reduced-motion: reduce){
  a.logo span,
  a.logo span::after{transition:none !important;}
}


/* --- Subtle site-wide animations (scroll reveal + micro-interactions) --- */

/* Scroll reveal: elements fade/slide in when they enter the viewport */
.reveal{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .6s ease, transform .6s ease;
  will-change:opacity,transform;
}
.reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Micro-interactions: gentle lift on hover for clickable cards */
.card,
.kpi,
.doc-card,
.evt-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover,
.kpi:hover,
.doc-card:hover,
.evt-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.35);
  border-color:rgba(255,255,255,.16);
}

/* Buttons: tiny lift + press */
.btn,
.legal-toggle,
#cookie-banner button,
#doc-modal .btn-close,
#evt-modal .btn-close{
  transition:transform .18s ease, filter .18s ease, background .2s ease;
}
.btn:hover,
.legal-toggle:hover,
#cookie-banner button:hover,
#doc-modal .btn-close:hover,
#evt-modal .btn-close:hover{
  transform:translateY(-1px);
}
.btn:active,
.legal-toggle:active,
#cookie-banner button:active,
#doc-modal .btn-close:active,
#evt-modal .btn-close:active{
  transform:translateY(0);
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1 !important; transform:none !important; transition:none !important;}
  .card,.kpi,.doc-card,.evt-card,
  .btn,.legal-toggle,#cookie-banner button,#doc-modal .btn-close,#evt-modal .btn-close{
    transition:none !important;
    transform:none !important;
  }
}

/* ---------------------------------------------
   Titoli "hero" piu piccoli nelle pagine interne
   (corsi, laboratori, blog, docenti)
   Mantiene invariata la dimensione della Home (#home)
----------------------------------------------*/
.hero:not(#home) h1{
  font-size:clamp(26px,4vw,44px);
}
@media (max-width:600px){
  .hero:not(#home) h1{
    font-size:clamp(20px,6vw,28px) !important;
  }
}

/* =============================
   BLOG: articoli senza "box" (card)
   ============================= */
/* Gli articoli del blog usano un wrapper .card solo per larghezza/centratura.
   Qui rimuoviamo l'aspetto "box" (sfondo/bordo/padding) così il testo appare
   direttamente nella pagina come le altre sezioni del sito. */
.hero#articolo + .section .card{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}


/* --- breadcrumb --- */
.breadcrumb{font-size:13px;color:var(--sub);margin:10px 0 14px;opacity:.95}
.breadcrumb a{color:var(--sub);opacity:.9}
.breadcrumb a:hover{color:var(--acc);text-decoration:none}
@media (max-width:600px){.breadcrumb{margin:6px 0 10px;}}

/* --- v4: barra di navigazione compatta su un'unica riga --- */
body > header .wrap.nav{
  flex-wrap:nowrap;
}
body > header .logo,
body > header #site-nav,
body > header .nav > .btn{
  white-space:nowrap;
}
@media (min-width:901px){
  body > header .wrap.nav{
    width:calc(100% - 48px);
    max-width:1548px;
    padding:12px 0;
    gap:clamp(8px,1vw,18px);
  }
  body > header .logo{flex:0 0 auto;}
  body > header .logo img{height:clamp(40px,3vw,56px);}
  body > header .logo span{font-size:clamp(14px,1vw,18px);}
  body > header #site-nav{
    flex:0 1 auto;
    font-size:clamp(12px,.85vw,16px);
  }
  body > header .nav > .spacer{
    flex:1 1 18px;
    min-width:4px;
  }
  body > header .nav > .btn{
    flex:0 0 auto;
    font-size:clamp(13px,.95vw,17px);
    padding:14px clamp(14px,1.2vw,24px);
  }
}
@media (min-width:901px) and (max-width:1100px){
  body > header .wrap.nav{width:calc(100% - 24px);gap:6px;}
  body > header .logo{gap:8px;}
  body > header .logo img{height:36px;}
  body > header .logo span{font-size:12px;letter-spacing:2px;}
  body > header #site-nav{font-size:11px;}
  body > header .nav > .btn{font-size:12px;padding:10px 12px;}
}
@media (max-width:900px){
  body > header .wrap.nav{
    width:100%;
    padding:10px 16px;
    gap:10px;
    justify-content:flex-start;
  }
  body > header .logo{order:1;flex:0 1 auto;min-width:0;}
  body > header .logo span{font-size:13px;letter-spacing:2px;}
  body > header .nav > .btn{
    order:2;
    margin-left:auto;
    flex:0 0 auto;
    padding:10px 12px;
    min-height:40px;
    font-size:13px;
  }
  body > header .nav-toggle{order:3;flex:0 0 auto;}
}
@media (max-width:520px){
  body > header .logo span{display:none;}
  body > header .nav > .btn{font-size:12px;padding:9px 10px;}
}

/* --- v4: schede dell'articolo Echi di Storie --- */
.event-story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin:22px 0;
}
.event-story{
  background:rgba(255,255,255,.045);
  border:1px solid var(--border);
  border-radius:16px;
  padding:20px;
}
.event-story h3{margin:8px 0 10px;}
.event-story p:last-child{margin-bottom:0;}
.event-poster-thumb{object-position:center 12%;}

/* =========================================================
   v6 – Barra più leggibile + sfondo grafico trasparente
   Soluzione 2 approvata: geometrie e pennellate ai margini.
   ========================================================= */
:root{
  --header-height:84px;
}

html{
  background:#080909;
}

body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(ellipse at 78% 34%,rgba(255,79,175,.12),transparent 34%),
    radial-gradient(circle at 34% 72%,rgba(255,216,74,.10),transparent 29%),
    radial-gradient(ellipse at 43% 24%,rgba(67,41,135,.22),transparent 43%),
    radial-gradient(ellipse at 64% 62%,rgba(67,139,144,.20),transparent 46%),
    radial-gradient(circle at 52% 88%,rgba(108,213,108,.07),transparent 27%),
    #070808;
}

/* Il decoro è fisso e non intercetta mai clic o selezioni. */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:url("../assets/sfondo-grafico-opifici.svg") center/cover no-repeat;
  opacity:1;
}

body > main,
body > footer{
  position:relative;
  z-index:1;
}

body > main{
  margin-top:calc(var(--banner-height) + var(--header-height));
}

/* Le schede restano scure e leggibili, lasciando filtrare i colori del fondale. */
.card,
.kpi,
.list li,
.event-story{
  background-color:rgba(18,18,18,.82);
  -webkit-backdrop-filter:blur(3px) saturate(115%);
  backdrop-filter:blur(3px) saturate(115%);
}

@media (min-width:1200px){
  body > header .wrap.nav{
    min-height:var(--header-height);
    max-width:1548px;
    padding:13px 0;
    gap:clamp(10px,1vw,18px);
  }
  body > header .logo img{
    height:52px;
  }
  body > header .logo span{
    font-size:18px;
    letter-spacing:4.5px;
  }
  body > header #site-nav{
    font-size:15px;
    font-weight:600;
    line-height:1.25;
  }
  body > header .nav > .btn{
    font-size:16px;
    padding:15px 20px;
    border-radius:16px;
  }
}

@media (min-width:1500px){
  body > header .wrap.nav{
    padding:14px 0;
  }
  body > header .logo img{
    height:56px;
  }
  body > header .logo span{
    font-size:22px;
    letter-spacing:5px;
  }
  body > header #site-nav{
    font-size:18px;
  }
  body > header .nav > .btn{
    font-size:19px;
    padding:16px 24px;
  }
}

@media (min-width:901px) and (max-width:1199px){
  :root{--header-height:64px;}
  body > header .wrap.nav{
    min-height:var(--header-height);
  }
}

@media (max-width:900px){
  :root{--header-height:60px;}
  body::before{
    background-position:center top;
    background-size:auto 100%;
    opacity:.84;
  }
  body > header .wrap.nav{
    min-height:var(--header-height);
  }
  .card,
  .kpi,
  .list li,
  .event-story{
    background-color:rgba(18,18,18,.90);
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

@media (prefers-reduced-transparency:reduce){
  body::before{opacity:.55;}
  .card,.kpi,.list li,.event-story{
    background-color:#121212;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* =========================================================
   v15 – Icona email colorata in stile Gmail
   ========================================================= */
a[href^="mailto:"]{
  display:inline-flex;
  align-items:center;
  gap:.48em;
}
a[href^="mailto:"]::before{
  content:"";
  width:1.45em;
  height:1.12em;
  flex:0 0 auto;
  background:url("../assets/email-gmail-style.svg") center/contain no-repeat;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}

/* Nei testi legali la mail rimane tipograficamente neutra. */
#privacy a[href^="mailto:"]{
  display:inline;
}
#privacy a[href^="mailto:"]::before{
  display:none;
}

.event-date{
  display:inline-flex;
  padding:6px 11px;
  border-radius:999px;
  background:var(--acc);
  color:#0a0a0a;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
@media (max-width:700px){
  .event-story-grid{grid-template-columns:1fr;gap:12px;}
  .event-story{padding:16px;}
}

/* --- v17: approfondimento concerto Giulia Lorenzoni --- */
.event-feature{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:24px;
  align-items:center;
  margin:26px 0 34px;
  padding:22px;
  overflow:hidden;
  background:rgba(18,18,18,.82);
  border:1px solid var(--border);
  border-radius:16px;
  -webkit-backdrop-filter:blur(3px) saturate(115%);
  backdrop-filter:blur(3px) saturate(115%);
}
.event-feature-media{margin:0;}
.article-content .event-feature-image{
  width:100%;
  max-width:none;
  margin:0;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:12px;
}
.event-feature-media figcaption{
  margin-top:8px;
  text-align:center;
  font-size:13px;
}
.event-feature-copy h2{margin:8px 0 14px;}
.event-lineup{
  margin:0 0 18px;
  padding:14px 16px 14px 34px;
  background:rgba(255,255,255,.045);
  border-left:3px solid var(--acc);
  border-radius:0 10px 10px 0;
}
.event-lineup li{margin:3px 0;}
@media (max-width:760px){
  .event-feature{grid-template-columns:1fr;gap:18px;padding:16px;}
}
@media (prefers-reduced-transparency:reduce){
  .event-feature{
    background-color:#121212;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* =========================================================
   v8 – Adesivo iscrizioni anno accademico 2026/27
   ========================================================= */
.academic-sticker-wrap{
  display:flex;
  justify-content:center;
  padding:34px 8px 4px;
  position:relative;
  z-index:3;
}

.academic-sticker{
  position:relative;
  isolation:isolate;
  width:min(940px,94%);
  min-height:112px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:20px 30px 20px 26px;
  overflow:visible;
  color:#071007;
  text-decoration:none;
  background:
    linear-gradient(112deg,rgba(255,255,255,.34),transparent 28%),
    linear-gradient(135deg,#8bea7c 0%,#67d86b 55%,#4fc85e 100%);
  border:3px solid rgba(255,255,255,.92);
  border-radius:22px 15px 24px 17px;
  box-shadow:
    0 16px 36px rgba(0,0,0,.40),
    0 0 0 5px rgba(108,213,108,.14),
    inset 0 1px 0 rgba(255,255,255,.65);
  transform:rotate(-1.2deg);
  transform-origin:center;
  animation:academic-sticker-pulse 4.8s ease-in-out infinite;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;
}

.academic-sticker::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-3px;
  overflow:hidden;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.52) 49%,transparent 63%);
  background-size:240% 100%;
  background-position:180% 0;
  pointer-events:none;
  animation:academic-sticker-shine 6.5s ease-in-out infinite;
}

.academic-sticker::after{
  content:"";
  position:absolute;
  inset:7px;
  z-index:-2;
  border:1px dashed rgba(3,25,7,.36);
  border-radius:16px 10px 18px 12px;
  pointer-events:none;
}

.academic-sticker:hover,
.academic-sticker:focus-visible{
  color:#071007;
  text-decoration:none;
  filter:saturate(1.08) brightness(1.04);
  transform:rotate(-.45deg) translateY(-3px) scale(1.012);
  box-shadow:
    0 20px 44px rgba(0,0,0,.46),
    0 0 0 7px rgba(108,213,108,.18),
    inset 0 1px 0 rgba(255,255,255,.72);
  animation:none;
}

.academic-sticker:focus-visible{
  outline:3px solid #fff;
  outline-offset:5px;
}

.academic-sticker__note{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#111;
  color:var(--acc);
  border:2px solid rgba(255,255,255,.88);
  font-size:38px;
  font-weight:800;
  line-height:1;
  box-shadow:0 7px 16px rgba(0,0,0,.30);
  transform:rotate(7deg);
}

.academic-sticker__copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.02;
  text-transform:uppercase;
}

.academic-sticker__date{
  font-size:14px;
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:6px;
}

.academic-sticker__copy strong{
  font-family:Arial,sans-serif;
  font-size:clamp(22px,2.1vw,34px);
  letter-spacing:.035em;
}

.academic-sticker__open{
  margin-top:6px;
  font-size:clamp(17px,1.35vw,22px);
  font-weight:800;
  letter-spacing:.12em;
}

.academic-sticker__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:210px;
  padding:13px 16px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:15px;
  font-weight:800;
  text-align:center;
  box-shadow:0 7px 15px rgba(0,0,0,.25);
}

.academic-sticker__cta span{
  color:var(--acc);
  font-size:22px;
  line-height:.8;
}

.academic-sticker__new{
  position:absolute;
  top:-18px;
  right:20px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 13px;
  border-radius:999px;
  background:#432987;
  color:#fff;
  border:2px solid #fff;
  box-shadow:0 7px 15px rgba(0,0,0,.34);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  transform:rotate(5deg);
}

.academic-sticker__new i{
  width:8px;
  height:8px;
  display:block;
  border-radius:50%;
  background:#8bea7c;
  box-shadow:0 0 0 4px rgba(139,234,124,.22);
  animation:academic-new-blink 1.35s ease-in-out infinite;
}

.academic-sticker-wrap + .hero{
  padding-top:38px;
}

@keyframes academic-sticker-pulse{
  0%,78%,100%{transform:rotate(-1.2deg) scale(1);}
  84%{transform:rotate(-1.2deg) scale(1.012);}
  90%{transform:rotate(-1.2deg) scale(1);}
  95%{transform:rotate(-1.2deg) scale(1.008);}
}

@keyframes academic-sticker-shine{
  0%,64%{background-position:180% 0;opacity:0;}
  70%{opacity:1;}
  84%{background-position:-80% 0;opacity:.95;}
  88%,100%{background-position:-80% 0;opacity:0;}
}

@keyframes academic-new-blink{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.35;transform:scale(.78);}
}

@media (max-width:800px){
  .academic-sticker-wrap{padding:26px 2px 2px;}
  .academic-sticker{
    width:96%;
    grid-template-columns:auto minmax(0,1fr);
    gap:14px;
    padding:20px 18px;
  }
  .academic-sticker__note{width:52px;height:52px;font-size:32px;}
  .academic-sticker__cta{
    grid-column:1 / -1;
    justify-self:center;
    min-width:min(310px,92%);
    padding:11px 15px;
  }
  .academic-sticker__new{right:12px;top:-15px;}
}

@media (max-width:480px){
  .academic-sticker{
    transform:rotate(-.5deg);
    padding:18px 14px 16px;
    border-radius:18px 12px 19px 14px;
  }
  .academic-sticker__note{width:44px;height:44px;font-size:27px;}
  .academic-sticker__date{font-size:11px;letter-spacing:.12em;}
  .academic-sticker__copy strong{font-size:19px;}
  .academic-sticker__open{font-size:14px;letter-spacing:.08em;}
  .academic-sticker__cta{font-size:13px;}
  .academic-sticker__new{font-size:10px;padding:7px 10px;}
  .academic-sticker-wrap + .hero{padding-top:24px !important;}
  @keyframes academic-sticker-pulse{
    0%,78%,100%{transform:rotate(-.5deg) scale(1);}
    86%{transform:rotate(-.5deg) scale(1.008);}
  }
}

@media (prefers-reduced-motion:reduce){
  .academic-sticker,
  .academic-sticker::before,
  .academic-sticker__new i{
    animation:none !important;
    transition:none !important;
  }
}

/* =========================================================
   v10 – Marchi social ufficiali e uniformi
   ========================================================= */
a[href*="wa.me"]::before,
a[href*="instagram.com"]:not(.hero-badge)::before,
a[href*="facebook.com"]:not(.hero-badge)::before,
.whatsapp-heading__icon,
#instagram-feed > .section-heading::before{
  content:"";
  display:inline-block;
  width:1.55em;
  height:1.55em;
  flex:0 0 1.55em;
  vertical-align:-.38em;
}

a[href*="wa.me"]::before,
.whatsapp-heading__icon{
  background:#fff url("../assets/whatsapp-logo.svg") center/88% 88% no-repeat;
  border-radius:50%;
}

a[href*="instagram.com"]:not(.hero-badge)::before,
#instagram-feed > .section-heading::before{
  background:url("../assets/instagram-logo.png") center/contain no-repeat;
}

a[href*="facebook.com"]:not(.hero-badge)::before{
  background:url("../assets/facebook-logo.png") center/contain no-repeat;
}

a[href*="wa.me"]::before,
a[href*="instagram.com"]:not(.hero-badge)::before,
a[href*="facebook.com"]:not(.hero-badge)::before{
  margin-right:.38em;
}

a.btn[href*="wa.me"],
a.pill[href*="wa.me"],
a.btn[href*="instagram.com"],
a.pill[href*="instagram.com"],
a.btn[href*="facebook.com"],
a.pill[href*="facebook.com"]{
  gap:9px;
}

a.pill[href*="wa.me"],
a.pill[href*="instagram.com"],
a.pill[href*="facebook.com"]{
  display:inline-flex;
  align-items:center;
}

a.btn[href*="wa.me"]::before,
a.pill[href*="wa.me"]::before,
a.btn[href*="instagram.com"]::before,
a.pill[href*="instagram.com"]::before,
a.btn[href*="facebook.com"]::before,
a.pill[href*="facebook.com"]::before{
  margin-right:0;
}

/* Sostituisce eventuali vecchie icone incorporate nei link testuali. */
a[href*="wa.me"] > svg,
a[href*="instagram.com"]:not(.hero-badge) > svg,
a[href*="facebook.com"]:not(.hero-badge) > svg{
  display:none !important;
}

a.wa-no-icon::before{
  display:none !important;
}

.whatsapp-heading{
  display:inline-flex;
  align-items:center;
  gap:9px;
}

.whatsapp-heading__icon{
  width:30px;
  height:30px;
  flex-basis:30px;
  vertical-align:middle;
}

#instagram-feed > .section-heading{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

#instagram-feed > .section-heading::before{
  width:30px;
  height:30px;
  flex-basis:30px;
  vertical-align:middle;
}

body > header .btn[href*="wa.me"]::before{
  width:1.6em;
  height:1.6em;
  flex-basis:1.6em;
}

@media (max-width:600px){
  body > header .btn[href*="wa.me"]::before{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .whatsapp-heading__icon{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
  #instagram-feed > .section-heading::before{
    width:27px;
    height:27px;
    flex-basis:27px;
  }
}

/* =========================================================
   v18 – Recensioni autentiche e carosello orizzontale
   ========================================================= */
.reviews-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.reviews-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 6px;
  color:var(--text);
  font-weight:700;
}
.reviews-intro{margin:0;}
.google-g{
  display:inline-grid;
  place-items:center;
  width:1.25em;
  height:1.25em;
  font-family:Arial,sans-serif;
  font-size:1.05em;
  font-weight:800;
  line-height:1;
  color:#4285f4;
  background:#fff;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(255,255,255,.2);
}
.google-g--large{width:46px;height:46px;font-size:28px;}
.reviews-controls{display:flex;gap:9px;flex:0 0 auto;}
.reviews-arrow{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid var(--border);
  border-radius:50%;
  background:rgba(18,18,18,.84);
  color:var(--text);
  font-size:22px;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.reviews-arrow:hover,.reviews-arrow:focus-visible{
  transform:translateY(-2px);
  border-color:var(--acc);
  background:rgba(38,38,38,.96);
}
.reviews-carousel{position:relative;}
.reviews-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  padding:8px 4px 18px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-color:var(--acc) rgba(255,255,255,.08);
  scrollbar-width:thin;
}
.reviews-track::-webkit-scrollbar{height:7px;}
.reviews-track::-webkit-scrollbar-track{background:rgba(255,255,255,.07);border-radius:20px;}
.reviews-track::-webkit-scrollbar-thumb{background:var(--acc);border-radius:20px;}
.review-card{
  position:relative;
  flex:0 0 clamp(290px,34vw,390px);
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:22px;
  overflow:hidden;
  scroll-snap-align:start;
  background:rgba(18,18,18,.78);
  border:1px solid var(--border);
  border-radius:18px;
  -webkit-backdrop-filter:blur(4px) saturate(118%);
  backdrop-filter:blur(4px) saturate(118%);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.review-card--google::after{
  content:"Recensione verificabile su Google";
  position:absolute;
  right:16px;
  bottom:14px;
  color:var(--sub);
  font-size:10px;
  letter-spacing:.035em;
}
.review-card__header{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.review-card__header > span:last-child{display:flex;flex-direction:column;min-width:0;}
.review-card__header strong{font-size:17px;color:var(--text);}
.review-card__header small{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--sub);}
.review-avatar{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  border-radius:50%;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
}
.review-avatar--paolo{background:linear-gradient(135deg,#4b7a70,#b68d61);}
.review-avatar--guido{background:linear-gradient(135deg,#704e84,#be6d59);}
.review-avatar--dora{background:linear-gradient(135deg,#74909a,#9ab2ba);}
.review-stars{color:#fbbc04;font-size:22px;letter-spacing:2px;line-height:1;}
.review-date{margin:7px 0 13px;color:var(--sub);font-size:13px;}
.review-card blockquote{margin:0 0 24px;color:var(--text);font-size:16px;line-height:1.62;}
.review-card blockquote p{margin:0 0 10px;}
.review-more{margin-top:8px;}
.review-more summary{width:max-content;color:var(--acc);font-weight:800;cursor:pointer;}
.review-more[open] summary{margin-bottom:10px;}
.review-card__label{
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:30px;
  background:rgba(102,204,102,.15);
  color:var(--acc);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.review-card__note{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:30px 0 16px;
  border-radius:16px 22px 14px 24px;
  background:var(--acc);
  color:#081108;
  font-size:34px;
  transform:rotate(-4deg);
}
.review-card--editorial h3,.review-card--cta h3{margin:0 0 10px;font-size:24px;}
.review-card--editorial p,.review-card--cta p{margin:0;color:var(--sub);font-size:16px;line-height:1.6;}
.review-card--editorial-alt .review-card__note{background:#6d61d8;color:#fff;transform:rotate(4deg);}
.review-card--cta{
  justify-content:center;
  background:linear-gradient(145deg,rgba(30,62,35,.92),rgba(18,18,18,.88));
  border-color:rgba(102,204,102,.45);
}
.review-card--cta .google-g{margin-bottom:20px;}
.reviews-cta{align-self:flex-start;margin-top:20px;text-align:center;}
@media (max-width:700px){
  .reviews-heading-row{align-items:flex-start;}
  .reviews-intro{font-size:14px;}
  .review-card{flex-basis:min(86vw,340px);min-height:300px;padding:18px;}
  .review-card blockquote{font-size:15px;}
  .reviews-controls{margin-top:2px;}
  .reviews-arrow{width:40px;height:40px;}
}
@media (max-width:430px){
  .reviews-heading-row{display:block;}
  .reviews-controls{justify-content:flex-end;margin-top:14px;}
  .review-card{flex-basis:88vw;}
}
@media (prefers-reduced-motion:reduce){
  .reviews-track{scroll-behavior:auto;}
  .reviews-arrow{transition:none;}
  .review-card{
    background:#121212;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}