h1 {
  text-align: left;
  
}

.seccion {
  padding: 1rem;
}


span {
  font-weight: 500;
}

.seccion h2 {
color: var(--blue);
}

.container-servicios {
  margin: 10px auto;
  /* outline: 2px solid red; */
  width: 98%;
}

.titulo {
margin-top: 1em;
text-align: center;
}


.servicios {
  margin: 10px auto;
  width: 80%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,18rem), 1fr));
  gap: 10px;
  justify-items: center;
  align-items: center;
  padding: 1rem;
}

.servicios article {
  border-radius: 1rem;
  box-shadow: inset rgba(0, 0, 0, 0.09) 0px 4px 4px 0, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  /* box-shadow: 0px 9px 5px -3px rgba(0,0,0,0.1),inset 0px 3px 6px 0px rgba(0,0,0,0.1);    */
  display: grid;
  place-items: center;
  /* height: 271px; */
  /* outline: 2px solid blue; */
  padding: 20px;
  margin-bottom: 20px;
  width: 18rem;
}

article span {
  color: var(--green);
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

article h2 {
  color: var(--blue);
  font-family: "Poppins", sans-serif; 
  font-size: 1rem;
  font-weight: 800;
}

.boton {
  padding: 0.5rem;
  border-radius: 5px;
  background-color: var(--blue);
  font-weight: 500;
  color: var(--white);
  margin-top: 1rem;
  transform: scale(0.90);
}

.boton:hover {
  background-color: rgb(0, 173, 223);
  cursor: pointer;
  transition: all 40ms ease;
  transform: scale(1);
}