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

.engage-1 {
  /* 4 usos */
  flex:0 0 78px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  color:#5CBF8E;
  padding-top:3px;
}

.engage-2 {
  /* 3 usos */
  flex:0 0 78px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  color:#4FBFB2;
  padding-top:3px;
}

.engage-3 {
  /* 3 usos */
  margin:10px 0 0;
  font-size:15px;
  line-height:1.6;
  color:#41565B;
}

.engage-4 {
  /* 2 usos */
  margin:0;
  font-size:clamp(26px,2.6vw,36px);
  font-weight:700;
  letter-spacing:-.035em;
  line-height:1;
  color:#5CBF8E;
}

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

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

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

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

.engage-9 {
  margin:clamp(32px,4vw,52px) 0 0;
  max-width:70ch;
  font-family:'Newsreader',Georgia,serif;
  font-style:italic;
  font-weight:300;
  font-size:clamp(19px,2vw,27px);
  line-height:1.3;
}

.engage-10 {
  position:absolute;
  top:0;
  bottom:0;
  background:linear-gradient(180deg,rgba(92,191,142,.16),rgba(48,183,219,.06));
  border-left:2px solid #5CBF8E;
  transition:left .65s cubic-bezier(.65,0,.2,1),width .65s cubic-bezier(.65,0,.2,1);
  pointer-events:none;
  z-index:0;
}