@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;

0,400;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Newsreader&display=swap);@import url(https://fonts.googleapis.com/css2?family=Newsreader:wght@300&display=swap);.medico-p {
  font-size: 11px;
  font-family: "Montserrat" sans-serif;
}

.alineado {
  max-height: 135px;
  height: 100%;
}

.colocacion {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .colocacion {
    text-align: left;
  }
}

@media screen and (min-width: 1024px) {
  .colocacion {
    text-align: left;
  }
}

@media screen and (min-width: 1200px) {
  .colocacion {
    text-align: left;
  }
}

.oculto {
  background: white;
}

.oculto:hover {
  background-image: url(/images/hover8.jpg?84c992db96052c9d7551869639c44d0e);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto1 {
  background: white;
}

.oculto1:hover {
  background-image: url(/images/hover9.jpg?b7420254f2a1a40bf52cd643e5076ce4);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto2 {
  background: white;
}

.oculto2:hover {
  background-image: url(/images/hover10.jpg?cabc8f3fb51bdebd6f24b84e68c4aab0);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto3 {
  background: white;
}

.oculto3:hover {
  background-image: url(/images/hover11.jpg?3124c2ca28fb676df02671f21d0c8de2);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto4 {
  background: white;
}

.oculto4:hover {
  background-image: url(/images/hover12.jpg?fad7ec7a135b9f8b060937edd9eb145f);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto5 {
  background: white;
}

.oculto5:hover {
  background-image: url(/images/hover13.jpg?2cdad2de857d70a4c707432a49e55707);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.oculto6 {
  background: white;
}

.oculto6:hover {
  background-image: url(/images/hover14.jpg?8b99484a3177e1d1a2fdd60c0af1b69c);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.spa {
  padding-top: 90px;
}

.spa .spa1 {
  height: 232px;
  position: relative;
}

.spa .spa1 .f-spa {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.spa .spa1 .inicio1 {
  font-size: 40px;
  font-family: "Newsreader", serif;
  font-weight: 300;
  line-height: 40px;
}

.spa-contenido {
  padding-top: 50px;
  padding-bottom: 50px;
}

.spa-contenido .centrar {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.spa-contenido p.medico {
  font-size: 30px;
  font-family: "Newsreader", serif;
  font-weight: 300;
  line-height: 30px;
  padding-bottom: 40px;
}

.spa-contenido p.medico2 {
  font-size: 18px;
  font-family: "Montserrat", "Sans Serif";
  font-weight: 300;
  line-height: 140%;
}

.spa-contenido .pda30 {
  padding-top: 30px;
}

.spa-tratamientos {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(236, 244, 252, 0.2);
}

.spa-tratamientos ul {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}

.spa-tratamientos p.medico {
  font-size: 30px;
  font-family: "Newsreader", serif;
  font-weight: 300;
  line-height: 30px;
}

.spa-tratamientos .centrar {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.spa-tratamientos p.medico2 {
  font-size: 18px;
  font-family: "Montserrat", "Sans Serif";
  font-weight: 300;
  line-height: 140%;
}

.spa-tratamientos .borde {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 20px;
  min-height: 280px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .spa-tratamientos .borde {
    padding: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-tratamientos .borde {
    padding: 40px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-tratamientos .borde {
    padding: 40px;
  }
}

.spa-tratamientos .borde1 {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 0px;
  min-height: 280px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .spa-tratamientos .borde1 {
    padding: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-tratamientos .borde1 {
    padding: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-tratamientos .borde1 {
    padding: 20px;
  }
}

.spa-tratamientos .inicio1 {
  font-size: 30px;
  font-family: "Newsreader", serif;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 40px;
}

.spa-tratamientos .inicio2 {
  font-size: 20px;
  font-family: "Newsreader", serif;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  padding-bottom: 10px;
}

.spa-tratamientos .inicio3 {
  font-family: "Montserrat", "Sans Serif";
  font-weight: 300;
  font-size: 14px;
  line-height: 17.07px;
  color: black;
  padding-bottom: 15px;
}

.spa-tratamientos .pda30 {
  padding-top: 30px;
}

.spa-tratamientos .pda40 {
  padding-top: 40px;
}

.spa-tratamientos .pda50 {
  padding-top: 50px;
}

.spa-agenda {
  padding-top: 50px;
  padding-bottom: 50px;
}

.spa-agenda .form-control {
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 18px;
  font-family: "Newsreader", serif !important;
  font-weight: 400;
  line-height: 1.6;
  color: #000000 !important;
  background-color: transparent;
  background-clip: none;
  transition: none;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid #000000;
  border-radius: 0;
}

.spa-agenda .btn-default {
  background: #efeef5;
  font-size: 16px;
  font-family: "Newsreader", serif;
  font-weight: 400;
  line-height: 16px;
  color: #707070;
}

.spa-agenda .inicio1 {
  font-size: 30px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  line-height: 30px;
  padding-bottom: 30px;
}

.spa-agenda .card {
  background: white;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  height: 100%;
  padding: 15px 15px;
}

@media screen and (min-width: 768px) {
  .spa-agenda .card {
    padding: 15px 15px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-agenda .card {
    padding: 25px 25px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-agenda .card {
    padding: 25px 25px;
  }
}

.spa-agenda .card .span1 {
  padding-left: 59px;
}

@media screen and (min-width: 768px) {
  .spa-agenda .card .span1 {
    padding-left: 90px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-agenda .card .span1 {
    padding-left: 95px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-agenda .card .span1 {
    padding-left: 95px;
  }
}

.spa-agenda .card .span2 {
  padding-left: 45px;
}

@media screen and (min-width: 768px) {
  .spa-agenda .card .span2 {
    padding-left: 77px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-agenda .card .span2 {
    padding-left: 75px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-agenda .card .span2 {
    padding-left: 75px;
  }
}

.spa-agenda .card .span3 {
  padding-left: 9px;
}

@media screen and (min-width: 768px) {
  .spa-agenda .card .span3 {
    padding-left: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-agenda .card .span3 {
    padding-left: 30px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-agenda .card .span3 {
    padding-left: 30px;
  }
}

.spa-agenda .card p.inicio2 {
  font-size: 28px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  line-height: 30px;
  padding-bottom: 10px;
}

.spa-agenda .card p.inicio4 {
  font-size: 16px;
  font-family: "Newsreader", serif;
  font-weight: 200;
  line-height: 20px;
  padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .spa-agenda .card p.inicio4 {
    font-size: 17px;
  }
}

@media screen and (min-width: 1024px) {
  .spa-agenda .card p.inicio4 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1200px) {
  .spa-agenda .card p.inicio4 {
    font-size: 18px;
  }
}

.spa-agenda .card p.inicio3 {
  font-family: "Montserrat", "Sans Serif";
  font-weight: 300;
  font-size: 16px;
  line-height: 21.94px;
  color: black;
  padding-bottom: 40px;
}