/* Sito della squadra Emotionteam (dec. 280, 4/11): blocchi nuovi, nello stesso stile del sito (bianco, blu #0A72E8, pillole). */
:root { --sq-blu: #0A72E8; --sq-testo: #1D1D1F; --sq-tenue: #4B5563; --sq-bordo: #E5E7EB; --sq-fondo: #F9FAFB; }

.sq-sezione { padding: 72px 0; }
.sq-sezione--grigia { background: var(--sq-fondo); }
.sq-titolo { font-size: 2.25rem; line-height: 1.15; font-weight: 700; color: var(--sq-testo); text-align: center; margin: 0 0 12px; text-wrap: balance; }
.sq-sotto { font-size: 1.125rem; color: var(--sq-tenue); text-align: center; max-width: 42rem; margin: 0 auto 40px; line-height: 1.6; }
@media (min-width: 1024px) { .sq-titolo { font-size: 3rem; } }

/* valori: parole del messaggio della squadra */
.sq-valori { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; max-width: 48rem; margin: 0 auto; }
@media (min-width: 768px) { .sq-valori { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
.sq-valore { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: #fff; border: 1px solid var(--sq-bordo); border-radius: 18px; font-weight: 600; color: var(--sq-testo); font-size: 1.05rem; }
.sq-valore i { width: 12px; height: 12px; border-radius: 50%; flex: none; }

/* come lavoriamo: regole decise della squadra */
.sq-elenco { list-style: none; padding: 0; margin: 0 auto; max-width: 46rem; display: grid; gap: 12px; }
.sq-elenco li { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; background: #fff; border: 1px solid var(--sq-bordo); border-radius: 18px; color: var(--sq-testo); line-height: 1.55; }
.sq-elenco svg { flex: none; margin-top: 2px; color: var(--sq-blu); }

/* pulsanti a pillola */
.sq-pulsanti { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.sq-pulsanti--sx { justify-content: flex-start; }
.sq-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 24px; border-radius: 980px; font-weight: 600; font-size: 1rem; text-decoration: none; border: 1px solid transparent; transition: background .2s, opacity .2s; }
.sq-btn--pieno { background: var(--sq-blu); color: #fff; }
.sq-btn--pieno:hover { opacity: .9; }
.sq-btn--bordo { background: #fff; color: var(--sq-testo); border-color: #D2D2D7; }
.sq-btn--bordo:hover { background: #F2F2F5; }

/* segnaposto da completare con il Founder: si vede bene, non si spaccia per vero */
.sq-segnaposto { display: inline-block; background: #FFF7D6; color: #7A5B00; border: 1px dashed #E0B400; border-radius: 8px; padding: 2px 8px; font-size: .95rem; }

/* modulo di candidatura */
.sq-modulo { max-width: 40rem; margin: 0 auto; background: var(--sq-fondo); border: 1px solid var(--sq-bordo); border-radius: 22px; padding: 24px; display: grid; gap: 16px; }
@media (min-width: 768px) { .sq-modulo { padding: 32px; } }
.sq-campo { display: grid; gap: 6px; }
.sq-campo label { font-weight: 600; color: var(--sq-testo); font-size: .95rem; }
.sq-campo input, .sq-campo select, .sq-campo textarea { width: 100%; font-size: 16px; padding: 12px 14px; border: 1px solid #D2D2D7; border-radius: 12px; background: #fff; color: var(--sq-testo); font-family: inherit; }
.sq-campo input:focus, .sq-campo select:focus, .sq-campo textarea:focus { outline: 2px solid var(--sq-blu); outline-offset: 1px; border-color: var(--sq-blu); }
.sq-nota { font-size: .9rem; color: var(--sq-tenue); line-height: 1.5; margin: 0; }
.sq-nota a { color: var(--sq-blu); }
.sq-modulo button[type=submit] { width: 100%; min-height: 48px; border: 0; border-radius: 980px; background: var(--sq-blu); color: #fff; font-weight: 600; font-size: 1rem; cursor: pointer; }

/* testo di presentazione */
.sq-testo { max-width: 44rem; margin: 0 auto; color: var(--sq-tenue); font-size: 1.125rem; line-height: 1.7; display: grid; gap: 16px; }
.sq-testo strong { color: var(--sq-testo); }
.sq-ruoli { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; max-width: 44rem; margin: 0 auto; padding: 0; list-style: none; }
.sq-ruoli li { padding: 10px 18px; border-radius: 980px; background: #fff; border: 1px solid var(--sq-bordo); font-weight: 600; color: var(--sq-testo); }