html, body {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

:root {
  color-scheme: only light;
}

html, body {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

:root {
  color-scheme: only light;
}

.hero-servicios {
  background-image: url(/imgs/calm-bg.jpg);
  background-position: right;
}

@media (max-width: 1023px) {
  .columns .column {
    display: flex;
    justify-content: center;
  }
}
.columns .column .title {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  color: #00526A;
}

.intro-servicios .title {
  font-family: "raleway", sans-serif;
  color: #00526A;
  font-weight: 800;
}

.bloque-servicios-A {
  background-color: #e9ebed;
}
.bloque-servicios-A .title {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  color: #00526A;
}
.bloque-servicios-A .subtitle {
  color: #00526A;
}
.bloque-servicios-A ul li {
  list-style: square;
  list-style-position: inside;
  font-size: 20px;
  color: #00526A;
}

.bloque-servicios-B .title {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  color: #00526A;
}
.bloque-servicios-B .subtitle {
  color: #00526A;
}
.bloque-servicios-B ul li {
  list-style: square;
  list-style-position: inside;
  font-size: 20px;
  color: #00526A;
}

.folder-label-proceso .title {
  width: 30%;
  font-family: "raleway", sans-serif;
  font-weight: 600;
  letter-spacing: 1pt;
  display: flex;
  justify-content: center;
  padding: 24px;
  margin-bottom: -1%;
  background-color: #f1f9fa;
  border-radius: 24px 24px 0 0;
  color: #00526A;
}
@media (max-width: 1023px) {
  .folder-label-proceso .title {
    width: 65%;
  }
}

.pasos-claros {
  background-color: #f1f9fa;
}

.pasos-intro {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  color: #00526A;
}

.paso {
  width: 65%;
  margin-top: 3%;
}
@media (max-width: 1023px) {
  .paso {
    width: 100%;
  }
}
.paso .numero {
  display: flex;
  align-items: center;
  justify-content: center;
}
.paso .numero .title {
  font-weight: 800;
  font-size: 4em;
}
.paso .texto {
  width: 50%;
  color: #00526A;
}
@media (max-width: 1023px) {
  .paso .texto {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.paso .texto p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.3em;
}
@media (max-width: 1023px) {
  .paso .texto p {
    text-align: center;
  }
}

.cierre-servicios {
  background-color: #00526A;
}
.cierre-servicios .column .title {
  font-family: "Raleway", sans-serif;
  color: white;
}
.cierre-servicios .column p {
  color: white;
  font-family: "Montserrat", sans-serif;
}/*# sourceMappingURL=servicios.css.map */