section .servicio picture {
  width: 300px;
  height: 300px;
  margin-bottom: 30px;
}
section .servicio picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
section .servicio .servicio-tit {
  margin-bottom: 14px;
  font-family: var(--fontFamily2);
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
}
section .servicio .collapse {
  padding: 12px 24px;
  background-color: #000000;
  border-radius: 24px;
  color: #FFFFFF;
}
section .servicio .collapse .collapse-root {
  color: #FFFFFF;
  align-items: flex-start;
}
section .servicio .collapse .collapse-root .contentTitle {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: left;
}
section .servicio .collapse .collapse-root i {
  padding: 6px;
  margin-top: -8px;
  margin-bottom: -8px;
  margin-left: 40px;
  font-size: 28px;
}
section .servicio .collapse .collapse-cont {
  padding-top: 10px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
}
section .servicio .collapse .collapse-cont ul {
  padding-left: 20px;
  margin-left: 0;
}
section .servicio .collapse .collapse-cont ul li {
  margin-bottom: 0;
}
section .servicio .collapse + .collapse {
  margin-top: 10px;
}
@media (min-width: 1440px) {
  section .listado-servicios {
    display: grid;
    grid-gap: 12px 172px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  section .listado-servicios {
    display: grid;
    grid-gap: 12px 60px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  section .listado-servicios {
    display: grid;
    grid-gap: 12px 12px;
    grid-template-columns: repeat(1, 1fr);
  }
}/*# sourceMappingURL=servicios-estaticos.css.map */