/* Emotionteam · pulsanti in stile Apple (richiesta del Founder, 2026-10-26).
   Tutto il resto del sito resta identico al sito provvisorio: qui cambiano SOLO i pulsanti.
   - forma a pillola invece che squadrata;
   - principale: blu pieno (lo stesso blu della sfumatura del sito), testo bianco;
   - secondario: bordo sottile grigio, testo scuro;
   - voce attiva del menu: grigio chiaro al posto della sfumatura rosso-giallo. */
:root{ --et-blu:#0A72E8; --et-blu-hover:#075FC4; --et-inchiostro:#1D1D1F; --et-bordo:#D2D2D7; --et-tenue:#F2F2F5; }

/* forma: pillola */
button.inline-flex, a.inline-flex.rounded-md, button.rounded-md, button.rounded-lg:not(.lg\:hidden){ border-radius:980px !important; }
button.inline-flex{ font-weight:600 !important; letter-spacing:-.01em; transition:background-color .2s, box-shadow .2s, transform .2s, color .2s !important; }
button.inline-flex:active{ transform:scale(.98); }

/* principale: niente arcobaleno, blu pieno */
.gradient-bg:is(button, a){ background:var(--et-blu) !important; background-image:none !important; color:#fff !important; border:0 !important; opacity:1 !important; box-shadow:0 1px 2px rgba(0,0,0,.08); }
.gradient-bg:is(button, a):hover{ background:var(--et-blu-hover) !important; }

/* secondario: bordo sottile */
button.inline-flex.border-2:not(.border-white), button.inline-flex.border-input:not(.border-white){ border:1px solid var(--et-bordo) !important; background:#fff !important; color:var(--et-inchiostro) !important; }
button.inline-flex.border-2:not(.border-white):hover, button.inline-flex.border-input:not(.border-white):hover{ background:var(--et-tenue) !important; }

/* sulla fascia colorata: bianco pieno e bordo bianco, a pillola */
button.inline-flex.border-white{ border-width:1px !important; }

/* menu: voce attiva sobria */
[data-header] a.bg-gradient-to-r{ background:var(--et-tenue) !important; background-image:none !important; color:var(--et-inchiostro) !important; border-radius:980px !important; font-weight:600; }
[data-header] a.rounded-lg{ border-radius:980px !important; }

/* (2026-10-26 sera) Niente più sfumatura su icone e fasce, richiesta del Founder.
   Icone: un colore pieno ciascuna, a rotazione con i 4 colori del logo (inline, attributo data-tinta).
   Fascia "Pronto a iniziare?": grigio chiaro tipo Apple, testo scuro, pulsanti come nel resto del sito.
   La sfumatura resta solo nella scritta "Emotionteam". */
div[data-tinta]{ background-image:none !important; box-shadow:0 8px 20px -10px rgba(17,24,39,.35); }
section.gradient-bg{ background:#F5F5F7 !important; background-image:none !important; color:#1D1D1F !important; border-top:1px solid #E5E7EB; }
section.gradient-bg :is(h1,h2,h3,.text-white){ color:#1D1D1F !important; }
section.gradient-bg :is(p,span)[class*="text-white"], section.gradient-bg p{ color:#4B5563 !important; }
section.gradient-bg button.bg-white{ background:var(--et-blu) !important; color:#fff !important; }
section.gradient-bg button.bg-white:hover{ background:var(--et-blu-hover) !important; }
section.gradient-bg button.border-white{ background:#fff !important; color:var(--et-inchiostro) !important; border:1px solid var(--et-bordo) !important; }
section.gradient-bg button.border-white:hover{ background:var(--et-tenue) !important; }

/* Collaudo 28/10: sul telefono la parola "Multidisciplinare" (titolo a 48px) usciva dallo schermo e tagliava anche i testi sotto. */
@media (max-width:480px){
  h1.text-5xl{font-size:clamp(1.75rem,8.2vw,2.4rem);overflow-wrap:anywhere}
  h1,h2,h3{overflow-wrap:break-word}
}