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

.innovate-1 {
  /* 4 usos */
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#C4D6D8;
  box-shadow:0 0 0 1px rgba(234,242,241,.16);
  padding:8px 12px;
}

.innovate-2 {
  /* 3 usos */
  background:#FFFFFF;
  box-shadow:0 0 0 1px rgba(8,23,28,.12);
  padding:18px 20px;
}

.innovate-3 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:1px;
  margin-top:clamp(36px,4.5vw,64px);
}

.innovate-4 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:clamp(28px,4vw,64px);
  margin-top:clamp(44px,5vw,76px);
}

.innovate-5 {
  margin:0;
  font-size:15px;
  line-height:1.65;
  color:#3E5257;
}

.innovate-6 {
  margin:0;
  max-width:52ch;
  font-family:'Newsreader',Georgia,serif;
  font-style:italic;
  font-weight:300;
  font-size:clamp(19px,2vw,27px);
  line-height:1.3;
  color:#08171C;
}

.innovate-7 {
  margin:14px 0 0;
  max-width:52ch;
  font-size:15px;
  line-height:1.65;
  color:#C4D6D8;
}

.innovate-8 {
  margin:16px 0 0;
  max-width:52ch;
  font-size:15px;
  line-height:1.65;
  color:#C4D6D8;
}

.innovate-9 {
  position:absolute;
  top:0;
  bottom:0;
  background:linear-gradient(180deg,rgba(79,191,178,.16),rgba(109,190,69,.08));
  border-left:2px solid #0E8DAE;
  transition:left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1);
  pointer-events:none;
  z-index:0;
}