@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:320px) and (max-width:479.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: 15px;
	font-family: "gilroy medium";
	line-height: 16px;
  }
	/*PROCEDIMIENTOS*/
  .banner-procedimientos-experiencia-2 {
    position: relative;
    margin-top: 0px;
    height: 250px;
    background-image: url("../img/milton_rincon-min.webp");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
    background-position: 0% 0%;
  }
  .banner-procedimientos-bichectomia {
    position: relative;
    margin-top: 0px;
    height: 300px;
    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: 0px;
    height: 400px;
    background-image: url(../img/cirugiadelanariz.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .cursor-ilustracion {
    width: 100%;
    margin-bottom: 20px;
  }
  .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;
    text-align: justify;
  }
  .tit-procedimientos-1 {
    font-family: "gilroy black";
    text-transform: uppercase;
    font-size: 20px;
    text-align: right;
    line-height: 20px;
  }
  .tit-procedimientos-2 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
  }
  .tit-procedimientos-2a {
	font-family: "gilroy semibold";
	text-transform: uppercase;
	font-size: 12px;
	text-align: left
  }
  .tit-procedimientos-3 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 22px;
    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: 0px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .banner-procedimientos-nariz {
    position: relative;
    margin-top: 0px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
}
@media (min-width:480px) and (max-width:575.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: 15px;
	font-family: "gilroy medium";
	line-height: 16px;
  }
	/*PROCEDIMIENTOS*/
  .banner-procedimientos-experiencia-2 {
	position: relative;
	margin-top: 20px;
	height: 250px;
	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: 0px;
    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: 0px;
    height: 400px;
    background-image: url(../img/cirugiadelanariz.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .cursor-ilustracion {
    width: 40%;
    margin-bottom: 20px;
  }
  .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;
    text-align: justify;
  }
  .tit-procedimientos-1 {
    font-family: "gilroy black";
    text-transform: uppercase;
    font-size: 25px;
    text-align: right;
    line-height: 25px;
    padding-right: 20px;
  }
  .tit-procedimientos-2 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 0px;
    text-align: right;
    padding-right: 20px;
  }
  .tit-procedimientos-2a {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 12px;
    text-align: left
  }
  .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: -50px;
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
}
@media (min-width:576px) and (max-width:766.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: 15px;
	font-family: "gilroy medium";
	line-height: 16px;
  }
	
	
	/*PROCEDIMIENTOS*/
  .banner-procedimientos-experiencia-2 {
	position: relative;
	margin-top: 20px;
	height: 300px;
	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: 0px;
    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: 0px;
    height: 400px;
    background-image: url(../img/cirugiadelanariz.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    color: #363636;
  }
  .cursor-ilustracion {
    width: 30%;
    margin-bottom: 20px;
  }
  .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: 30px;
    text-align: right;
    line-height: 35px;
    padding-right: 20px;
  }
  .tit-procedimientos-2 {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
    padding-right: 20px;
  }
  .tit-procedimientos-2a {
    font-family: "gilroy semibold";
    text-transform: uppercase;
    font-size: 12px;
    text-align: left
  }
  .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;
  }
}