/* LinkedBusiness Master - ricostruzione standalone */
@font-face{font-family:Roboto;font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/roboto-v51-latin-regular.woff2") format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/roboto-v51-latin-700.woff2") format("woff2")}
@font-face{font-family:Antonio;font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/antonio-v22-latin-700.woff2") format("woff2")}
@font-face{font-family:"Source Sans Pro";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/source-sans-3-v20-latin-regular.woff2") format("woff2")}
:root{--arancio:rgb(228,108,10);--verde:rgb(103,170,47);--azzurro:rgb(118,230,254);--antracite:rgb(39,44,46)}
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{margin:0;background:#fff;color:#000;font-family:Roboto,Arial,sans-serif;line-height:1.5}
h1,h2,h3,p,ul{margin:0;line-height:1.125;color:#000;font-family:Roboto,Arial,sans-serif}
h2{font-size:2rem;font-weight:400;font-style:normal}
p,ul{font-size:1.3125rem}
img{max-width:100%;height:auto;border:0}
@media(min-width:768px){h2{font-size:2.5rem}p,ul{font-size:1.5rem}}
.container{max-width:1140px;margin:0 auto;padding:0 22.8px}
.center{text-align:center}
.mt{margin-top:1em}.mt-s{margin-top:.5em}
.c-arancio{color:var(--arancio)}
[hidden]{display:none!important}

/* testata e titolo */
.testata{
  display:flex;
  justify-content:center;     /* centra il blocco con i due loghi */
  padding:12px 22.8px;
}
.testata .card{
  display:flex;
  align-items:center;         /* allinea i due loghi in verticale */
  justify-content:center;     /* centra i loghi in orizzontale */
  gap:16px;                   /* distanza tra i due loghi: riducila per ravvicinarli */
  width:100%;
  max-width:1140px;
}
.testata .logo-a{width:auto;max-width:70%;height:auto}
.testata .logo-in{width:auto;max-width:15%;height:auto}
.titolo-pagina{position:relative;padding-bottom:24px}
.titolo-pagina::after{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);z-index:2;
  border-left:30px solid transparent;border-right:30px solid transparent;border-top:18px solid #fff}

/* fasce arancioni con colonna bianca (effetto cornice) */
.fascia{background:var(--arancio);padding:2vw;position:relative}
.fascia .card{background:#fff;max-width:1140px;margin:0 auto;padding:1vw 22.8px 2vw}
.fascia + .fascia{padding-top:0}
.fascia-ultima::after{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);z-index:2;
  border-left:30px solid transparent;border-right:30px solid transparent;border-top:18px solid var(--arancio)}

/* video */
.video{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* pulsanti */
.btn{display:inline-block;background:linear-gradient(#f08a2a,var(--arancio));color:#fff;font-weight:700;font-size:1.5rem;line-height:1.125;text-align:center;text-decoration:none;padding:18px 32px;border-radius:6px;border:1px solid #b85500;transition:filter .2s;cursor:pointer}
.btn:hover{filter:brightness(.9)}
.btn-wrap{text-align:center;padding:1vw 0}
.btn-wa{background:linear-gradient(#f08a2a,var(--arancio))}
@media(min-width:768px){.btn{font-size:2.5rem}}

/* opzioni Standard / Trainer */
.opzioni{display:flex;flex-wrap:wrap}
.opz{flex:0 0 100%;padding:1vw 12px;text-align:center}
@media(min-width:768px){.opz{flex:0 0 50%}}
.opz.trainer{background:var(--azzurro)}
.opz img{width:85%;max-width:600px;display:inline-block}
.opz .titolo{font-family:Antonio,sans-serif;font-weight:700;font-size:1.6875rem;margin-top:.6em}
@media(min-width:768px){.opz .titolo{font-size:2rem}}
.opz .sub{font-size:1.3125rem;margin-top:.4em}
.lista{list-style:none;padding:0;margin:1em 0 0;text-align:left;font-size:1.3125rem;line-height:1.125}
.lista li{position:relative;padding-left:1.7em;margin-bottom:.5em}
.lista li:before{content:"\f14a";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--verde);position:absolute;left:0}

/* prezzi e countdown */
.prezzo{font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--verde)}
.prezzo s{color:#000;font-weight:400;font-size:.8em;margin-right:.3em}
.nota{font-size:1.125rem}
@media(min-width:768px){.prezzo{font-size:4.5rem}.nota{font-size:1.5rem}}
.countdown{display:flex;justify-content:center;gap:clamp(8px,2vw,24px);margin:20px 0;flex-wrap:nowrap}
.cd-box{text-align:center;flex:0 1 180px;min-width:0}
.cd-tile{
  position:relative;
  aspect-ratio:1/1;
  border-radius:clamp(8px,1.6vw,14px);
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  /* metà alta arancione, metà bassa più scura */
  background:linear-gradient(to bottom, rgb(228,108,10) 0 48%, rgb(181,84,6) 48% 100%);
}
.cd-tile span{
  position:relative;
  font-family:Roboto,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(2rem,9vw,5.5rem);
  line-height:1;
  color:#fff;
  font-variant-numeric:tabular-nums;
}
.cd-box small{
  display:block;
  margin-top:.5em;
  font-family:Roboto,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(.75rem,2.6vw,1.75rem);
  text-transform:uppercase;
  color:#000;
}

/* footer */
.footer{background:var(--antracite);color:#fff;padding:40px 0 24px;text-align:center;position:relative}
.footer-titolo{color:#fff;font-size:1.75rem;margin-top:.5em}
.footer-mail{margin-top:.8em;font-size:1.75rem}
.footer-mail a{color:rgb(255,77,0);text-decoration:underline}
.testate{display:block;width:100%;max-width:1050px;margin:28px auto}
.legale{color:#fff;font-family:"Source Sans Pro",sans-serif;font-size:1.0625rem;line-height:1.3;margin-top:1.1em}
.legale a{color:#fff;text-decoration:underline}
.legale.piccolo{font-size:.9375rem}
#cc-reopen{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;padding:0}

/* modale bonifico */
dialog#bonifico{max-width:560px;width:90%;border:0;border-radius:8px;padding:24px 28px;box-shadow:0 8px 40px rgba(0,0,0,.35)}
dialog#bonifico::backdrop{background:rgba(0,0,0,.5)}
dialog#bonifico .chiudi{position:absolute;top:6px;right:12px;border:0;background:none;font-size:28px;cursor:pointer}
dialog#bonifico p{font-size:1.125rem;margin-top:.8em}

#mostra-iban{font-weight:700;text-decoration:underline;cursor:pointer}
.btn-copia{border:2px solid #000;background:#fff;color:#000;font:700 1rem Roboto,Arial,sans-serif;padding:6px 14px;border-radius:4px;cursor:pointer}
.btn-copia:hover{background:#eee}