/* ==========================================================================
   MURCIA INTELLIGENT COMMUNITY - sustain
   Generado al extraer los estilos en linea del HTML. Cada clase es un
   bloque de declaraciones completo; las clases no se solapan entre si.
   ========================================================================== */

.sustain-1 {
  /* 3 usos */
  margin:12px 0 0;
  font-size:18px;
  font-weight:700;
  letter-spacing:-.015em;
}

.sustain-2 {
  background:#08171C;
  box-shadow:0 0 0 1px rgba(8,23,28,.12);
  color:#EAF2F1;
  padding:18px 20px;
}

.sustain-3 {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin:clamp(40px,5vw,68px) 0 clamp(20px,2.5vw,32px);
}

.sustain-4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:1px;
  margin-top:clamp(40px,5vw,68px);
}

.sustain-5 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(20px,3vw,44px);
  margin-top:clamp(36px,4.5vw,60px);
}

.sustain-6 {
  flex:0 0 76px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  color:#4FBFB2;
  padding-top:3px;
}

.sustain-7 {
  flex:0 0 76px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  color:#6DBE45;
  padding-top:3px;
}

.sustain-8 {
  flex:0 0 76px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  color:#8FCC4C;
  padding-top:3px;
}

.sustain-9 {
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#8FCC4C;
}

.sustain-10 {
  position:absolute;
  top:0;
  bottom:0;
  background:linear-gradient(180deg,rgba(143,204,76,.16),rgba(48,183,219,.06));
  border-left:2px solid #8FCC4C;
  transition:left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1);
  pointer-events:none;
  z-index:0;
}