@font-face {
  font-family: SourceSansPro-Regular;
  src: url(.../fonts/SourceSansPro-Regular.otf);
}

@font-face {
  font-family: SourceSansPro-Semibold;
  src: url(../fonts/SourceSansPro-Semibold.otf);
}

@font-face {
  font-family: NunitoSans-ExtraBold;
  src: url(../fonts/NunitoSans-ExtraBold.ttf);
}

@font-face {
  font-family: NunitoSans-ExtraLight;
  src: url(../fonts/NunitoSans-ExtraLight.ttf);
}

@font-face {
  font-family: NunitoSans-Regular;
  src: url(../fonts/NunitoSans-Regular.ttf);
}

html {
  font-size: 15px;
  height: 100vh;
  margin: 0;
  width: auto !important;
  overflow-x: hidden !important;
}

body {
  background-color: #F3F2E6;
  display: flex;
  flex-direction: column;
  width: auto !important;
  overflow-x: hidden !important;
}

/* PACIENTES */

/* TELEMEDICINA */
.telemedicinaMobile {
  margin: 5rem auto 3rem auto;
  width: 100%;
}

.primerParrafo {
  margin-left: auto;
  margin-right: auto;
}

.telemedicinaMobile h1 {
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  margin-bottom: 1rem;

  text-align: center;
}

.telemedicinaMobile p {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  line-height: 2rem;
}

.telemedicinaMobile .texto {
  display: flex;
  justify-content: center;
  padding-left: 2.9rem;
  padding-right: 2.9rem;
  margin-left: auto;
  margin-right: auto;
}

.imagenMobile img {
  margin: 0 auto;
  margin-bottom: 1rem;
  margin-top: 1rem;
  max-width: 100%;
  display: flex;
  justify-content: center;
}

/* CAROUSEL TEST OWL */
.carouselOwlTestMobile {
  margin-left: auto;
  margin-right: auto;
}
.carouselOwlTestMobile .card {
  border: none;
  background-color: #F3F2E6;
  display: flex;
  align-items: flex-start;
}
.carouselOwlTestMobile .owl-stage {
  padding-left: 2rem !important;
}
.carouselOwlTestMobile .owl-stage-outer{
  height: 32rem;
}
.carouselOwlTestMobile .owl-theme .owl-dots{
  text-align: left!important;

}

.tituloTest {
  /* text-align: left; */
  font-family: NunitoSans-ExtraLight;
  color: #2C503F;
  font-weight: 500;
  margin-top: 2rem;
  margin-left: 5rem;
  margin-bottom: 2rem;
}

/* .carousel-item{
  margin-left: auto;
  margin-right: auto;
} */
.carouselOwlTestMobile .card-body {
  text-align: left;
  background-color: #e6efea;
  padding: 3rem 1rem 3rem 1rem;
  width: 78vw;
  min-height: 29rem;
  /* margin-left: auto;
  margin-right: auto; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.carouselOwlTestMobile .card-title {
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.carouselOwlTestMobile .card-text {
  font-family: NunitoSans-ExtraLight;
  color: #2C503F;
  width: 100%;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 2.5rem;
}

.carouselOwlTestMobile .card-body .btn {
  border: 2px solid #3B464F;
  color: #3B464F;
  font-size: medium;
  width: 11rem;
  height: 3rem;
  /* padding-top: 0.8rem; */
}
.carouselOwlTestMobile .owl-theme .owl-dots .owl-dot {
  zoom: 2;
}
.carouselOwlTestMobile .owl-theme .owl-dots .owl-dot.active span,
.carouselOwlTestMobile .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #3B464F;
}

.carouselOwlTestMobile .owl-theme .owl-dots .owl-dot span {
  background-color: #EAE0C5;
}







/* ESTUDIOS COMPLEMENTARIOS */

#estudiosComplementarios {
  margin-top: 3rem;
  margin-left: 0!important;
}

.estudiosComplementariosMobile h1,
.estudiosComplementariosDesktop h1 {
  text-align: left;
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.estudiosComplementariosMobile,
.estudiosComplementariosDesktop {
  margin: 4rem 0 3rem 0;
}

.estudiosComplementariosMobile .texto {
  font-size: large;
  width: 80%;
}

.estudiosComplementariosMobile p,
.estudiosComplementariosMobile li {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  padding: 0;
  line-height: 2rem;
}

.estudiosComplementariosDesktop p,
.estudiosComplementariosDesktop li {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  padding: 0;
}

.estudiosComplementariosMobile ul {
  padding-left: 4%;
}

/*CIRUGIA REFRACTARIA*/
.cirugiaRefractiva {
  margin: 2rem 0 3rem 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #e6efea;
  padding-top: 2rem;
}

.tituloLasik {
  text-align: left;
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  /* margin-bottom: 1rem; */
  font-weight: 600;
  padding-left: 2rem;
}

.tituloCirugia {
  text-align: left;
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
  padding-left: 2rem;
}

.cirugiaRefractiva p {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  line-height: 2rem;
}

.cirugiaRefractiva .texto {
  display: flex;
  padding-left: 2rem;
  padding-right: 3.2rem;
  margin-left: auto;
  margin-right: auto;
}

.imagenLasik img {
  margin: 1rem auto;
  max-width: 100%;
}

/*
/
/
/
/
/
/
*/
/*PATOLOGIAS*/

.patologias {
  margin: 2rem 0 3rem 0;
}

.tituloPatologias {
  text-align: left;
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  /* margin-bottom: 1rem; */
  font-weight: 600;
  padding-left: 2rem;
}

.tituloImagen {
  text-align: left;
  font-family: NunitoSans-ExtraLight;
  color: #3B464F;
  margin-bottom: 1rem;
  font-size: rem;
  font-weight: 600;
  line-height: 3rem;
  padding-left: 2rem;
}

.patologias .texto {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
}

.patologias p {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  line-height: 2rem;
  padding-left: 2rem;
}
.patologias img {
  margin: 0 auto;
  width: auto;
  max-width: 100%;
}
.patologias .parrafoQuera{
  padding-left: 2rem;
}
.patologias li {
  text-align: left;
  font-family: NunitoSans-Regular;
  color: #3B464F;
  margin: 1rem 0 1rem 0;
  padding: 0;
  line-height: 2rem;
}


/* Botones Carousel Patologias */

.patologias .owl-nav button.owl-prev span,
.patologias .owl-nav button.owl-next span {
  color: white;
  font: icon;
}
.patologias .owl-nav button.owl-prev span,
.patologias .owl-nav button.owl-next span {
  font-size: x-large;
}
.patologias .owl-nav button.owl-next {
  height: 2rem !important;
  width: 2.6rem !important;
  background-color: #2C503F !important;
  opacity: 1 !important;
  box-shadow: none;
  /* left: 24rem;
  position: absolute; */
}
.patologias .owl-nav button.owl-prev {
  height: 2rem !important;
  width: 2.6rem !important;
  background-color: #2C503F !important;
  opacity: 1 !important;
  box-shadow: none;
  /* right: 24rem;
  position: absolute; */
}
.patologias .owl-nav {
  z-index: 1;
  display: flex;
  justify-content: center;
}

/*
/
/
/
/
/
/
/
/
/
/
*/

/* MEDIAS QUERIES */

.estudiosComplementariosDesktop {
  display: none;
}
.telemedicinaMobile .imagenDesktop{
  display: none;
}

@media (min-width: 768px) {

  /* TELEMEDICINA */
  .telemedicinaMobile h1{
    text-align: left;
    padding-left: 7.8rem;
    letter-spacing: 0.5rem;
  }
  .telemedicinaMobile p {
    margin: 0;
    padding: 0;
  }
  .telemedicinaMobile .texto {
    padding: 0rem;
    width: 30rem;
    text-align: center;
  }
  .telemedicinaMobile img {
    margin: 1.5rem auto;
    max-width: 80%;
  }



   /* ESTUDIOS COMPLEMENTARIOS */
  .estudiosComplementariosMobile{
    margin-left: 7.8rem;
  }



  /* CIRUGIA REFRACTARIA */
  .cirugiaRefractiva .parrafo1, .cirugiaRefractiva .texto2{
    padding: 0 6rem;
  }
  .imagenLasik img{
    max-width: 80%;
    display: flex;
  }

  /* CAROUSEL TEST */
  .carouselOwlTestMobile .containerCarousel{
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .carouselOwlTestMobile .card-body {
    margin-left: 1rem;
    margin-right: 1rem;
    justify-content: space-between;
    width: 27rem;
    height: 470px;
  }
  .carouselOwlTestMobile .owl-theme .owl-dots{
    text-align: left!important;
    margin-left: 2.5rem;
  }
  .patologias img {
    margin: 0 auto;
    width: auto;
    max-width: 80%;
  }
  .patologias .tituloPatologias, .patologias .tituloImagen{
    padding-left: 6rem;
  }
  .patologias .texto, .patologias .item ul li{
    padding: 0 6rem 0 6rem;
  }
  .patologias .parrafoQuera{
    padding-left: 6rem;
  }

}
@media (min-width: 1280px) {
  /* TELEMEDICINA */
  .telemedicinaMobile p {
    margin: 0;
    padding: 0;
  }
  .telemedicinaMobile h1{
    text-align: left;
    padding-left: 0;
    letter-spacing: 0.5rem;
  }
  .telemedicinaMobile img {
    margin: 0 auto;
    max-width: 80%;
  }

  .telemedicinaMobile .texto {
    padding-left: 0rem;
    width: unset;
  }

  .telemedicinaMobile .contenedorTexto {
    padding-left: 5rem;
    padding-right: 0;
  }
  .telemedicinaMobile .row {
    align-items: center;
  }
  .telemedicinaMobile .col-md-6 {
    max-width: 100%;
  }

  .telemedicinaMobile .primerParrafo h1 {
    text-align: justify;
    font-size: 3.5rem;
  }

  .telemedicinaMobile .imagenMobile {
    display: none;
  }

  .telemedicinaMobile .imagenDesktop {
    display: initial;
  }

  /* TEST ONLINE */
  .carouselOwlTestMobile .containerCarousel{
    margin-left: 7rem;
    margin-right: 7rem;
  }
  .carouselOwlTestMobile .card-body {
    margin-left: 1rem;
    margin-right: 2rem;
    justify-content: space-between;
    width: auto;
    height: 470px;
  }

  .carouselOwlTestMobile .card {
    padding-left: 0;
    width: 30rem;
  }
  .carouselOwlTestMobile .card-text{
    width: 75%;
  }
  .carouselOwlTestMobile .owl-stage-outer{
    width: auto;
  }

  .carouselOwlTestMobile .owl-theme .owl-dots{
    text-align: center!important;
    padding-left: 0;
  }

  /*ESTUDIOS COMPLEMENTARIOS*/
  .estudiosComplementariosDesktop {
    display: initial;
    margin-bottom: 9rem;
    margin-top: 9rem;
  }
  .estudiosComplementariosDesktop .texto, .estudiosComplementariosDesktop li{
    font-size: 1rem;
  }
  .estudiosComplementariosDesktop .texto{
    padding-left: 6rem;
  }
  .estudiosComplementariosDesktop ul{
    padding-left: 7rem;
  }

  .estudiosComplementariosMobile {
    display: none;
  }
  .estudiosComplementariosDesktop h1{
    font-size: 3.5rem;
    line-height: 4rem;
    padding-left: 5rem;
    font-weight: unset;
  }
  .estudiosComplementariosDesktop .col-6 .texto, .estudiosComplementariosDesktop .col-6 ul{
    width: 29rem;
  }

  /* CIRUGIA REFRACTARIA */
  .imagenLasik img{
    position: relative;
    top: -6rem;
  }
  .imagenLasik .texto2{
    position: relative;
    top: -5rem;
  }
  .cirugiaRefractiva .tituloLasik{
    margin-top: 3rem;

  }
  /* PATOLOGIAS */
  .patologias img {
    margin-left: 6rem;
    width: auto;
    max-width: 100%;
  }
  .patologias dl, ol, ul{
    padding: 0 6rem 0 8rem;
  }
  .patologias .item ul li{
    padding: 0;
  }
  .patologias .parrafoOjoSeco{
    padding-left: 6rem;
  }

  .patologias .row{
    align-items: center;
    justify-content: space-between;
  }
  .patologias .col-xl-4{
    align-self: baseline;
  }
  .patologias .owl-carousel .owl-item img{
    margin-top: 3rem;
  }

}
@media (min-width: 1440px){


  .telemedicinaMobile .imagenDesktop {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    text-align-last: right;
  }


.telemedicinaMobile .contenedorTexto {
    padding-right: 5rem;
  }
  .cirugiaRefractiva .tituloLasik{
    margin-top: 1rem;

  }

  .carouselOwlTestMobile .containerCarousel{
    margin-left: 7rem;
    margin-right: 7rem;
  }

  .carousel-test .card-body{
    display:flex;
    vertical-align: text-top;
  }

  .patologias .owl-carousel .owl-item img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    margin-top: 2rem;
  }

}