/* Business / Applicazioni: un'unica scheda a linguette. In alto i sei settori, subito sotto il contenuto del settore scelto,
   dentro la stessa cornice. Caricato per ultimo su business.html. */
.business-sectors .sector-step{margin:0;font:500 11px/1.4 'Roboto Mono',monospace;letter-spacing:.12em;color:#1A1A1A}

/* la cornice unica */
.theme-business .offer-business .sector-workspace,.business-sectors .sector-workspace{display:block;min-height:0;border:1px solid #D9D9D9;border-top:4px solid #2D3AE2;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 18px 40px -28px rgba(26,26,26,.35)}

/* linguette dei settori */
.business-sectors .sector-selector{display:flex;flex-wrap:nowrap;align-items:stretch;overflow-x:auto;scrollbar-width:thin;border-right:0;border-bottom:1px solid #D9D9D9;background:#F2F2F2}
.business-sectors .sector-selector>.sector-step{flex:none;align-self:center;padding:0 18px 0 22px;border:0;background:none;color:#555}
.business-sectors .sector-option,.theme-business .offer-business .sector-option{flex:1 0 auto;position:relative;border:0;border-left:1px solid #D9D9D9;background:transparent;transform:none!important}
.business-sectors .sector-option:before,.theme-business .offer-business .sector-option:before,.theme-business .offer-business .sector-option:hover:before{content:none}
.business-sectors .sector-option:hover,.theme-business .offer-business .sector-option:hover,.theme-business .offer-business .sector-option:focus-within{background:#E9E9EF}
.business-sectors .sector-option.is-current,.theme-business .offer-business .sector-option.is-current{background:#fff;margin-bottom:-1px;border-bottom:1px solid #fff}
.business-sectors .sector-option.is-current:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#2D3AE2}
.business-sectors .sector-select,.theme-business .offer-business .sector-select{align-items:center;gap:9px;min-height:0;padding:16px 18px;white-space:nowrap}
.business-sectors .sector-option-number{padding-top:0;color:#555}
.business-sectors .sector-option.is-current .sector-option-number{color:#2D3AE2}
.business-sectors .sector-option-copy strong{font-size:15px;font-weight:500;white-space:nowrap}
.business-sectors .sector-option.is-current .sector-option-copy strong{font-weight:700}
.business-sectors .sector-option-copy small,.business-sectors .sector-option-graphic,.business-sectors .sector-option-check,.business-sectors .sector-option-icon{display:none!important}
.business-sectors .sector-select:focus-visible{outline:2px solid #2D3AE2;outline-offset:-4px}

/* contenuto del settore scelto: testo a sinistra, esempio a destra */
.business-sectors .sector-focus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;column-gap:48px;padding:30px 36px 36px}
.business-sectors .sector-focus-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #E2E2E2}
.business-sectors .sector-counter{font:500 11px/1.4 'Roboto Mono',monospace;letter-spacing:.06em;color:#555;white-space:nowrap}
.business-sectors .sector-counter b{color:#2D3AE2;font-weight:500}
.business-sectors .sector-focus h3{grid-column:1;margin:26px 0 12px}
.business-sectors .sector-focus-question{grid-column:1;margin-bottom:12px}
.business-sectors .sector-focus-summary{grid-column:1;margin:0 0 24px;color:#555;font-size:15px;line-height:1.6}
.business-sectors .sector-focus dl{grid-column:1;grid-template-columns:1fr;gap:18px;margin:0 0 26px}
.business-sectors .sector-focus dl>div{padding-top:12px;border-top:2px solid #2D3AE2}
.business-sectors .sector-focus dt{color:#1A1A1A}
.business-sectors .sector-focus-cta{grid-column:1;align-self:start;justify-content:space-between;margin-top:0}
.business-sectors #sector-focus-case{grid-column:2;grid-row:2/span 6;align-self:start;margin-top:26px}

/* elenco delle schede complete, sotto la cornice */
.business-sectors .sector-all{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:18px;font-size:14px}
.business-sectors .sector-all span{color:#555;margin-right:4px}
.business-sectors .sector-all a{padding:8px 12px;border:1px solid #E2E2E2;border-radius:4px;background:#fff;color:#1A1A1A;text-decoration:none;font-weight:500}
.business-sectors .sector-all a:hover,.business-sectors .sector-all a:focus-visible{border-color:#2D3AE2;color:#2D3AE2}

/* da computer le sei linguette si dividono lo spazio: il nome può andare su due righe */
@media(min-width:901px){
  .business-sectors .sector-selector{overflow:visible}
  .business-sectors .sector-selector>.sector-step{display:none}
  .business-sectors .sector-option,.theme-business .offer-business .sector-option{flex:1 1 0;min-width:0}
  .business-sectors .sector-option:first-of-type{border-left:0}
  .business-sectors .sector-select,.theme-business .offer-business .sector-select{align-items:flex-start;height:100%;padding:16px 16px 18px;white-space:normal}
  .business-sectors .sector-option-copy strong{white-space:normal;line-height:1.3}
}
@media(max-width:900px){
  .business-sectors .sector-focus{grid-template-columns:1fr;padding:24px 20px 28px}
  .business-sectors #sector-focus-case{grid-column:1;grid-row:auto;margin:0 0 24px}
  .business-sectors .sector-focus-cta{grid-row:auto}
  .business-sectors .sector-selector>.sector-step{display:none}
  .business-sectors .sector-option{flex:none}
}
@media(max-width:600px){.theme-business .offer-business .sector-workspace,.business-sectors .sector-workspace{margin-left:16px;margin-right:16px}.business-sectors .sector-all{margin-left:16px;margin-right:16px}.business-sectors .sector-select,.theme-business .offer-business .sector-select{padding:14px 14px}.business-sectors .sector-all{font-size:13px}}

/* The Next con Global Blue: una riga compatta invece di una sezione intera */
.theme-business .offer-business .official-next.official-next-compatto,.official-next.official-next-compatto{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0;padding:22px max(32px,calc((100vw - 1260px)/2));border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;background:#F2F2F2!important}
.official-next-compatto p{margin:0;max-width:860px;color:#444;font-size:15px;line-height:1.6}
.official-next-compatto .eyebrow{display:inline-block;margin-right:12px;color:#2D3AE2;font:500 11px/1.4 'Roboto Mono',monospace;letter-spacing:.12em}
.official-next-compatto strong{margin-right:6px;color:#1A1A1A;font-weight:700}
.official-next-compatto strong a{color:#1A1A1A;text-decoration:underline;text-decoration-color:#2D3AE2;text-underline-offset:3px}
.official-next-compatto .official-next-link{flex:none;display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid #2D3AE2;border-radius:4px;background:#fff;color:#2D3AE2;font-weight:500;text-decoration:none;white-space:nowrap}
.official-next-compatto .official-next-link:hover,.official-next-compatto .official-next-link:focus-visible{background:#2D3AE2;color:#fff}
@media(max-width:700px){.theme-business .offer-business .official-next.official-next-compatto,.official-next.official-next-compatto{flex-direction:column;align-items:flex-start;padding:20px 22px}}
