@charset "UTF-8";
@import url("Gilroy_Ligth/stylesheet.css");
@import url("Gelroy_Semi_bold/stylesheet.css");
@import url("Gilroy_Medoum/stylesheet.css");
@import url("gilroy_heavy/stylesheet.css");
@import url("gilroy_bold/stylesheet.css");
@import url("gilroy_heavy/stylesheet.css");
@import url("gilroy_extrabold/stylesheet.css");
@import url("gilroy_black/stylesheet.css");
@import url("gilroy_medium/stylesheet.css");
@import url("gilroy_light/stylesheet.css");
@media (min-width:1280px) {}
a {
  color: inherit !important; /* Hereda el color de la etiqueta padre */
  text-decoration: none !important; /* Elimina la línea inferior */
}
a:hover {
  color: #C7C7C7 !important; /* Hereda el color de la etiqueta padre */
  text-decoration: none !important; /* Elimina la línea inferior */
}
* {
  text-decoration: none !important; /* Elimina la línea inferior */
}
.boton-men {
  text-decoration: none !important;
  color: #FFFFFF;
  font-family: "Gilroy Ligth";
}
body {
  overflow-x: hidden;
  background-image: url("../img/bg-body.png");
  z-index: 1 !important;
}
.boton-men:hover {
  color: #C7C7C7;
  cursor: pointer;
  font-family: "Gilroy Ligth";
  float: none;
  clear: none;
}
#btn-open-pc {
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Gilroy Ligth";
}
#btn-open-pc:hover {
  color: #C7C7C7;
  cursor: pointer;
  font-family: "Gilroy Ligth";
}
#btn-close-pc {
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Gilroy Ligth";
}
#btn-close-pc:hover {
  color: #C7C7C7;
  cursor: pointer;
  font-family: "Gilroy Ligth";
}
.h1 {
  font-family: 'Gelroy Semi bold';
  font-size: large;
}
.ejemplo-galeria-1 {
  margin-bottom: 20px;
}
.cursor-ilustracion {
  cursor: zoom-in;
}
.galerias img {
  width: 100%;
  cursor: zoom-in;
}
@media (min-width:767px) and (max-width:991.98px) {
	
	 			/*CONTACTO ICONOS*/
		
  .icono-contacto-1 {
    background-image: url( "../img/contacto1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-2 {
    background-image: url( "../img/contacto2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-3 {
    background-image: url( "../img/contacto3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-4 {
    background-image: url( "../img/contacto4.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-5 {
    background-image: url( "../img/contacto5.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

 .txt-contacto-2 {
	font-size: 12px;
	font-family: "gilroy medium";
	line-height: 16px;
  }
  /*PROCEDIMIENTOS*/
  .banner-procedimientos-experiencia-2 {
    position: relative;
    margin-top: -500px;
    height: 400px;
    background-image: url("../img/milton_rincon-min.webp");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
    background-position: center center;
  }
  .banner-procedimientos-bichectomia {
    position: relative;
    margin-top: -550px;
    height: 400px;
    background-image: url("../img/banner-bichectomia.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .banner-procedimientos-nariz {
    position: relative;
    margin-top: -550px;
    height: 400px;
    background-image: url(../img/cirugiadelanariz.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .galerias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 20px;
  }
  .conteiner-galeria1 {
    width: 100%;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .parrafos-procedimientos {
    font-family: "gilroy light";
    font-size: medium;
  }
  .tit-procedimientos-1 {
    font-family: "gilroy black";
    text-transform: uppercase;
    font-size: 35px;
    text-align: center;
    line-height: 50px;
  }
  .tit-procedimientos-2 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 18px;
    line-height: 0px;
    text-align: center;
  }
  .tit-procedimientos-3 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
  }
  .contenido-procedimientos-2 {
    width: 90%;
    color: #FFFFFF;
  }
  .contenido-procedimientos {
    height: auto;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    width: 100%;
    z-index: 2;
    background-image: url(../img/micro_carbon.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 2px 10px 2px #313131;
    box-shadow: 0px 2px 10px 2px #313131;
    background-size: auto auto;
    background-position: center center;
    color: #FFFFFF;
    padding-top: 5%;
    padding-left: 15%;
    padding-right: 15%;
  }
  .banner-procedimientos {
    position: relative;
    margin-top: -500px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
}
@media (min-width:992px) and (max-width:1199.98px) {
	
	 			/*CONTACTO ICONOS*/
		
  .icono-contacto-1 {
    background-image: url( "../img/contacto1.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-2 {
    background-image: url( "../img/contacto2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-3 {
    background-image: url( "../img/contacto3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-4 {
    background-image: url( "../img/contacto4.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

  .icono-contacto-5 {
    background-image: url( "../img/contacto5.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 60px;
    height: 60px;
    margin-bottom: 1%;
  }

 .txt-contacto-2 {
	font-size: 12px;
	font-family: "gilroy medium";
	line-height: 14px;
  }
  /*PROCEDIMIENTOS*/
  .banner-procedimientos-experiencia-2 {
    height: 400px;
    background-image: url("../img/milton_rincon-min.webp");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
    position: relative;
    margin-top: -20px;
    background-position: center center;
  }
  .banner-procedimientos-bichectomia {
    position: relative;
    margin-top: -50px;
    height: 400px;
    background-image: url("../img/banner-bichectomia.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .banner-procedimientos-nariz {
    position: relative;
    margin-top: -50px;
    height: 400px;
    background-image: url(../img/cirugiadelanariz.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .galerias {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 20px;
  }
  .conteiner-galeria1 {
    width: 100%;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .parrafos-procedimientos {
    font-family: "gilroy light";
    font-size: medium;
  }
  .tit-procedimientos-1 {
    font-family: "gilroy black";
    text-transform: uppercase;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
  }
  .tit-procedimientos-2 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 24px;
    line-height: 0px;
    text-align: center;
  }
  .tit-procedimientos-3 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 28px;
    text-align: left;
  }
  .contenido-procedimientos-2 {
    width: 90%;
    color: #FFFFFF;
  }
  .contenido-procedimientos {
    height: auto;
    border-top: 5px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    width: 100%;
    z-index: 2;
    background-image: url(../img/micro_carbon.png);
    background-repeat: repeat;
    -webkit-box-shadow: 0px 2px 10px 2px #313131;
    box-shadow: 0px 2px 10px 2px #313131;
    background-size: auto auto;
    background-position: center center;
    color: #FFFFFF;
    padding-top: 5%;
    padding-left: 15%;
    padding-right: 15%;
  }
  .banner-procedimientos {
    position: relative;
    margin-top: -50px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
}