/* 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}
}

/* Area Staff sempre visibile (Founder, 28/10): nell'intestazione su PC e accanto al menu sul telefono */
.et-staff{display:inline-flex;align-items:center;justify-content:center;border-radius:980px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid #D2D2D7;color:#1D1D1F;background:#fff;transition:background .2s}
.et-staff:hover{background:#F2F2F5}
.et-staff--pc{height:40px;padding:0 18px;font-size:.875rem}
.et-staff--tel{height:44px;padding:0 16px;font-size:.875rem;margin-right:6px} /* 4/11: alto come gli altri pulsanti (Founder) */
@media (min-width:1024px){.et-staff--tel{display:none}}
.et-scarica{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:12px;border-radius:980px;background:#0A72E8;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none}
.et-scarica:hover{background:#075FC4}
.et-avviso-app{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:8px 8px 8px 14px;box-shadow:0 10px 30px -10px rgba(17,24,39,.35);font-size:.88rem;color:#374151}
.et-avviso-app span{flex:1}
.et-avviso-app a{background:#0A72E8;color:#fff;border-radius:980px;padding:0 14px;min-height:36px;display:inline-flex;align-items:center;font-weight:600;text-decoration:none;white-space:nowrap}
.et-avviso-app button{width:36px;height:36px;border:0;background:transparent;font-size:1.3rem;color:#6B7280;cursor:pointer;flex:none}
@media (min-width:768px){.et-avviso-app{display:none}}
/* Collaudo 28/10: su portatile (1366) "Multidisciplinare" andava a capo a metà parola: il titolo si adatta alla colonna */
@media (min-width:1024px){ h1.text-5xl.lg\:text-7xl{font-size:min(3.4rem,3.7vw)} }
/* tra 1024 e 1279 px l'intestazione con "Area Staff" era stretta: voci più compatte e nome accanto al logo nascosto */
@media (min-width:1024px) and (max-width:1279px){
  [data-header] a.px-4{padding-left:.55rem;padding-right:.55rem;white-space:nowrap}
  [data-header] a > span.gradient-text{display:none!important}
  .et-staff--pc{padding:0 12px}
}
@media (max-width:380px){ .et-avviso-app{font-size:.8rem} }

/* Dec. 294 (4/11): sul telefono il logo resta con il nome, come l'icona della scheda (prima sotto 640 px si vedeva solo il simbolo) */
@media (max-width: 639px) {
  [data-header] a[href="/"] > span.gradient-text { display: block; font-size: 1.25rem; line-height: 1.75rem; }
  [data-header] a[href="/"] { gap: 8px; }
  [data-header] a[href="/"] > * + * { margin-left: 0 !important; }
  [data-header] a[href="/"] > img { height: 2.5rem; }
}
@media (max-width: 359px) {
  [data-header] a[href="/"] > span.gradient-text { font-size: 0.95rem; }
  [data-header] a[href="/"] > img { height: 2.1rem; }
  [data-header] a[href="/"] { gap: 6px; }
}

@media (max-width: 359px) { .et-staff--tel { padding: 0 11px; font-size: .8rem; } }