@charset "UTF-8";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
@media (max-width: 576px) {
  .espacio-menu-interno {
    padding: .9rem;
  }
  .texto-info-superior span {
    display: none;
  }
}

.espaciado {
  padding-top: 2rem;
}

.margen-separador {
  border-right: 0px solid;
}

@media (max-width: 776px) {
  .texto-info-superior span {
    display: none;
  }
}

.info-superior {
  background-color: #26BCBD;
  margin: 0;
}

.texto-info-superior a {
  color: #fff;
  font-size: 20px;
}

.texto-info-superior span {
  color: #fff;
}

#telefono a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.barra-navegacion {
  background-color: #fff;
}

.boton {
  font-size: 20px;
  padding: 8px 20px;
  border-radius: 6px;
  background-color: #f9ac6c;
  border: 0;
}

.boton a {
  color: #fff;
}

.boton a:hover {
  text-decoration: none;
  color: #f9ac6c;
}

.boton:hover {
  font-size: 20px;
  padding: 8px 20px;
  border-radius: 6px;
  background-color: #fff;
  color: #f9ac6c;
  border: 0;
}

.boton:focus {
  outline: 0;
}

.toggle-boton:focus {
  outline: 0;
}

.btn-primary {
  color: white;
  background-color: #1abc9c;
  border-color: #1abc9c;
  float: right;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #1abc9c;
  background-color: white;
  border-color: #1abc9c;
}

.heroe {
  background-image: url(../img/mesoterapia-clinica/mesoterapia-clinica-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 250px;
}

.menu-interno ul li {
  cursor: pointer;
}

.menu-interno a {
  color: #333;
  font-weight: 500;
}

.menu-interno a:hover {
  color: #1abc9c;
  text-decoration: none;
}

#separador {
  border: 1px solid #1abc9c;
}

.contenedor-menu-interno:before {
  display: block;
  margin-top: -155px;
  height: 285px;
  content: "";
  visibility: hidden;
}

.llamado-accion {
  background-color: #26BCBD;
}

.titulo-cta {
  color: #fff;
}

.menu-secundario li {
  list-style: none;
}

.menu-secundario li:before {
  content: "» ";
}

.menu-secundario a {
  font-size: 14px;
  color: #333;
}

.menu-secundario a:hover {
  font-size: 14px;
  color: #1abc9c;
  text-decoration: none;
}

.footer {
  background-color: #1abc9c;
  color: white;
}

.footer a {
  color: white;
}

.footer a:hover {
  color: #f9ac6c;
  text-decoration: none;
}

.material-icons {
  font-size: 20px;
  vertical-align: middle;
  padding-bottom: 4px;
}

.texto-info-superior a {
  text-decoration: none;
}

#navbarNav ul {
  font-size: 1.1rem;
}

.contenedor-principal {
  background-color: #fff;
}

.banner-superior {
  margin-top: 155px;
}

.carousel-control-next,
.carousel-control-prev {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

#producto h2 {
  font-size: 1.7rem;
  font-weight: 600;
  padding: 1rem 0;
}

.fondo-titulo-producto {
  background-color: #F9AC6C;
}

.titulo-h1-producto {
  color: white;
  font-weight: bold;
}

#contacto p, #contacto a {
  color: white;
}

#contacto h1 {
  margin: 0;
  padding: 0;
}

#cursos-solicitud a {
  color: #1abc9c;
  text-decoration: none;
  font-weight: 500;
}

.imagen-cursos {
  width: 75%;
}

.margen-separador {
  border-right: 2px solid #1abc9c;
}

.fondo-gris {
  background-color: #f9f9f9;
}

.heroe-corporal {
  background-image: url(/img/mesoterapia-corporal-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.heroe-facial {
  background-image: url(/img/mesoterapia-facial-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.heroe-adelgazar {
  background-image: url(/img/mesoterapia-para-adelgazar-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.heroe-estetica {
  background-image: url(/img/mesoterapia-estetica-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.heroe-celulitis {
  background-image: url(/img/mesoterapia-para-eliminar-celulitis-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.heroe-reductiva {
  background-image: url(/img/reductiva-banner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 155px;
  height: 300px;
}

.imagen-banner-principal {
  margin-top: 155px;
}

.whatsapp-icono {
  position: fixed;
  bottom: 1rem;
  right: .5rem;
}

 .listado a{
     color: #26BCBD;
     text-decoration: none;
 }
/*# sourceMappingURL=estilos.css.map */