@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_bold/stylesheet.css");
@import url("gilroy_bold/stylesheet.css");
@import url("gilroy_extrabold/stylesheet.css");
@import url("gilroy_extrabold/stylesheet.css");





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")

}

.boton-men:hover{
color: #C7C7C7;
cursor: pointer;
font-family: "Gilroy Ligth";
float: none;
clear: none;
}

#btn-open-tablet{  
color: #FFFFFF;
cursor: pointer;
font-family: "Gilroy Ligth";
}

#btn-open-tablet:hover{    
color: #C7C7C7;
cursor: pointer;
font-family: "Gilroy Ligth";
}


#btn-close-tablet{  

color: #FFFFFF;
cursor: pointer;
font-family: "Gilroy Ligth";
}

#btn-close-tablet:hover{    
color: #C7C7C7;
cursor: pointer;
font-family: "Gilroy Ligth";
}




@media (min-width:767px) and (max-width:991.98px){
	
		 /*WHATSS*/  
		
	.bi-whatsapp {
    font-size: 45px;  
    color: #ffffff;
  }
	
	.btn-whatss {
    background-color: rgb(62, 165, 74);
    border: #ffffff 2px solid;
    border-radius: 15px;
    padding: 1% 10%!important;
	color: #FFFFFF;
  }

  .btn-whatss:hover {
    background-color: rgba(37, 211, 102, 1);
    border: #ffffff 2px solid;
    border-radius: 15px;
    cursor: pointer;
	
  }

	.link-whatss {
	text-align: center;
	font-family: "gilroy semibold";
	font-weight: bold;
	font-style: bold;
	font-size: 24px;
	color: #ffffff;
	text-decoration: none;
  }
	
  .link-whatss:hover {
	text-align: center;
	font-family: "gilroy semibold";
	font-weight: bold;
	font-style: bold;
	font-size: 24px;
	color: #ffffff!important;
	text-decoration: none;
  }
	
	.h1-titulos-wat {
	font-size: 34px;
	font-family: "gilroy semibold";
	text-align: center;
	padding:  5% 5% 0% 5%;
  }
	
	.parrafo-whats {
	font-size: 24px;
	text-align: center;
	color: #ffffff;
	font-family: "gilroy light";
	padding:  0% 5% 5% 5%;
  }

	
	.promo-whats {
    height: auto;
    border-top: #ffffff 4px solid;
    border-bottom: #ffffff 4px solid;
	z-index: 1;
    color: #ffffff;
	background-image: url(../img/micro_carbon.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 1px 10px 1px #313131;
	box-shadow: 0px 1px 10px 1px #313131;
	padding:  5% 10% 5% 10%;
  }
	
	          /*CLINICAS*/  

	    .tit-h1-clinicas{
	font-family: "Gelroy Semi bold";
	font-size: large;
	background-color: rgba(54,54,54,1.00);
	color: rgba(255,255,255,1.00);
	padding: 15px 0px 15px 0px;
	text-align: center;

    }

    .tit-h1-clinicas-1{
    font-family: "Gilroy Ligth";
    font-size: medium;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,1.00);
    padding: 15px 0px 15px 0px;
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    }

    .tit-h1-clinicas-2{
    font-family: "Gilroy Ligth";
    font-size: medium;
    background-color: rgba(255,255,255,0.70);
    color: rgba(0,0,0,1.00);
    padding: 10px 105px 30px 105px!important;
    height: auto;
    text-align: justify; 
    }

    .padding-tit-clinicas-pc{
    padding: 0px;
    background-color: #000000;
    margin-bottom: 15px;
    font-family: "Gelroy Semi bold"!important;
    font-size: 18px!important;
    color: rgba(255,255,255,1.00);
    }
	
	.clinicas-movil-tablet {
		
	padding: 0 !important;
    align-content: center;
    justify-content: center;
    display: flex;
    width: 100%;
    height: auto;
    z-index: 1 !important;
    background-color: #FFFFFF;
	margin-top: 450px;
		
	}


	
	
   /*acordeon*/  

  
    .accordion {
    position: relative;
    width: 80%;
 margin-left: 10%;
  }
  
  .accordion-body {
  font-family: "Gilroy Ligth";
  font-size: medium !important;
  text-align: justify;
  }
  
  .accordion-button::after { 
    color: #FFFFFF !important; 
    background-color: #363636 !important;
  }
  .accordion-button {
  background-color: #363636 !important;
  font-family: "Gelroy Semi bold" !important;
  font-size: medium !important;
  }
  
.procedimientos-movil {
height: auto;
border-top: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
width: 100%;
z-index: 666 !important;
background-image: url(../img/micro_carbon.png);
background-repeat: repeat;
-webkit-box-shadow: 0px 1px 10px 1px #313131;
box-shadow: 0px 1px 10px 1px #313131;
position: relative;
top: 540px;
  padding:  5% 0% 5% 0%;
}

.pading-cabeza {
padding: 0px;
text-align: justify;


}
.tit-h1 {
  font-family: "Gelroy Semi bold";
  font-size: xx-large;
  background-color: #363636;
  color: #FFFFFF;
  padding: 2% 5% 2% 5%;
}
  
      .tit-h1-total {
font-family: "Gelroy Semi bold";
font-size: 26px;
color: #FFFFFF;
 padding: 2% 6% 2% 6%;
  text-align: center;
 } 
.tit-h2 {
font-family: "Gelroy Semi bold";
font-size: 18px;
   padding: 2% 4% 2% 4%;
}
.parrafos-pc{
font-family: "Gilroy Ligth";
font-size: 16px;
  padding: 0% 4% 2% 4%;
}

.fondo-mil{
position: relative;
width: 100%;
top: 0px !important;
z-index: 2 !important;
padding-top: 0px;
height: 400px;
background-image: url(../img/milton_rincon-min.webp);
background-repeat: no-repeat;
background-size: contain;
background-position: center bottom;

}


 .fondo{
position: absolute;
width: auto;
height: 900px;
top: 70px !important;
z-index: 1 !important;
padding-top: 70px 0px 0px 0px;

} 
  
  
.cont-menu-corporal{
width: 100%;
height: 100vh;
background-color: #363636;
z-index: 777!important;
position: fixed;
font-size: 12px;
font-family: "Gilroy Ligth";
color: #FFFFFF;
  top: 5%;
  padding-top: 20%;
}
  
.cont-menu-facial{
width: 100%;
height: 100vh;
background-color: #363636;
z-index: 777!important;
position: fixed;
padding-top: 10px;
font-size: 12px;
font-family: "Gilroy Ligth";
color: #FFFFFF;
  margin-top: 45px!important;
  top: 0px !important;
}

.botones-tablet{
border: thin;
border-color: #FFFFFF;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;

}

.fondo-2{
position: absolute;
background-color: #BD171A;
width: auto;
height: 65px;
top: 0px !important;
z-index: 1 !important;
padding: 0px;
}



.padinng-menu-tablet{
width: 100%;
padding-left: 0%;
padding-top: 10%;
padding-bottom: 5%;
text-align: center;
}

.bi-list{
position: relative;
cursor: pointer;
margin-top: 0px;
color: rgba(255, 255, 255, 1);
padding-top: 0px;
font-size: 40px;
}
  
.bi-x{
position: relative;
cursor: pointer;
top: -40px;
color: rgba(255, 255, 255, 1);
padding-top: 0px;
font-size: 45px;
}

#btn-open-tablet {
position: relative;
cursor: pointer;
margin-top: 0px;
color: rgba(255, 255, 255, 1);
padding-top: 5px;

}

#btn-close-tablet {
position: relative;
cursor: pointer;
top: -24px;
color: rgba(255, 255, 255, 1);
padding-top: 1.5px;

}

.menu-tablet{
width: 100%;
background-color: #363636;
height: 65px;
color: #FFFFFF;
padding: 0%;
text-align: center;
z-index: 999 !important;
position: sticky;
margin-bottom: 0px;
border-bottom: thin;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;

  -webkit-box-shadow: 0 2px 5px #3A3939;
  box-shadow: 0 2px 5px #3A3939;
}

.contenido-menu-tablet{
  font-size: 16px;
  font-family: "Gilroy Ligth";
  color: #FFFFFF;
  width: 100%;
  height: 100vh;
  background-color: #363636;
  margin-top: 0px;
  z-index: 888 !important;
  position: fixed !important;
  padding-top: 10%;

}

.logo-tablet  {
width: 45%;
height: auto;
padding: 1.5%;
float: center;
}
  .bi-facebook {font-size: 18px;}
.bi-instagram {font-size: 18px;}
}

@media (min-width:992px) and (max-width:1199.98px){
	
		 /*WHATSS*/  
		
	.bi-whatsapp {
    font-size: 45px;  
    color: #ffffff;
  }
	
	.btn-whatss {
    background-color: rgb(62, 165, 74);
    border: #ffffff 2px solid;
    border-radius: 15px;
    padding: 1% 10%!important;
	color: #FFFFFF;
  }

  .btn-whatss:hover {
    background-color: rgba(37, 211, 102, 1);
    border: #ffffff 2px solid;
    border-radius: 15px;
    cursor: pointer;
	
  }

	.link-whatss {
	text-align: center;
	font-family: "gilroy semibold";
	font-weight: bold;
	font-style: bold;
	font-size: 28px;
	color: #ffffff;
	text-decoration: none;
  }
	
  .link-whatss:hover {
	text-align: center;
	font-family: "gilroy semibold";
	font-weight: bold;
	font-style: bold;
	font-size: 28px;
	color: #ffffff!important;
	text-decoration: none;
  }
	
	.h1-titulos-wat {
	font-size: 34px;
	font-family: "gilroy semibold";
	text-align: center;
	padding:  5% 5% 0% 5%;
  }
	
	.parrafo-whats {
	font-size: 24px;
	text-align: center;
	color: #ffffff;
	font-family: "gilroy light";
	padding:  0% 5% 5% 5%;
  }

	
	.promo-whats {
    height: auto;
    border-top: #ffffff 4px solid;
    border-bottom: #ffffff 4px solid;
	z-index: 1;
    color: #ffffff;
	background-image: url(../img/micro_carbon.png);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 1px 10px 1px #313131;
	box-shadow: 0px 1px 10px 1px #313131;
	padding:  5% 10% 5% 10%;
  }
	
	 /*cliicas*/  
	
		    .tit-h1-clinicas{
	font-family: "Gelroy Semi bold";
	font-size: large;
	background-color: rgba(54,54,54,1.00);
	color: rgba(255,255,255,1.00);
	padding: 15px 0px 15px 0px;
	text-align: center;

    }

    .tit-h1-clinicas-1{
    font-family: "Gilroy Ligth";
    font-size: medium;
    background-color: rgba(255,255,255,1);
    color: rgba(0,0,0,1.00);
    padding: 15px 0px 15px 0px;
    height: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    }

    .tit-h1-clinicas-2{
    font-family: "Gilroy Ligth";
    font-size: medium;
    background-color: rgba(255,255,255,0.70);
    color: rgba(0,0,0,1.00);
      padding: 10px 105px 30px 105px!important;
    height: auto;
    text-align: justify; 
    }

    .padding-tit-clinicas-pc{
    padding: 0px;
    background-color: #000000;
    margin-bottom: 15px;
    font-family: "Gelroy Semi bold"!important;
    font-size: 18px!important;
    color: rgba(255,255,255,1.00);
    }
	
	.clinicas-movil-tablet {
		
	padding: 0 !important;
    align-content: center;
    justify-content: center;
    display: flex;
    width: 100%;
    height: auto;
    z-index: 1 !important;
    background-color: #FFFFFF;
		margin-top: 350px;
		
	}
	
  
      .accordion {
    position: relative;
    width: 80%;
 margin-left: 10%;
  }
  
  .accordion-body {
  font-family: "Gilroy Ligth";
  font-size: medium !important;
  text-align: justify;
  }
  
  .accordion-button::after { 
    color: #FFFFFF !important; 
    background-color: #363636 !important;
  }
  .accordion-button {
  background-color: #363636 !important;
  font-family: "Gelroy Semi bold" !important;
  font-size: large !important;
  }
  
  .procedimientos-movil {
height: auto;
border-top: 5px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
width: 100%;
z-index: 666 !important;
margin-top: 5px;
background-image: url(../img/micro_carbon.png);
background-repeat: repeat;
-webkit-box-shadow: 0px 1px 10px 1px #313131;
box-shadow: 0px 1px 10px 1px #313131;
    position: relative;
 top: 365px !important;
    padding:  5% 0% 5% 0%;
}

.pading-cabeza {
padding: 0px;
text-align: justify;


}
.tit-h1 {
  font-family: "Gelroy Semi bold";
  background-color: #363636;
  color: #FFFFFF;
  padding: 2% 5% 2% 5%;
}
  
      .tit-h1-total {
font-family: "Gelroy Semi bold";
font-size: 26px;
color: #FFFFFF;
 padding: 2% 6% 2% 6%;
  text-align: center;
 } 
  
.tit-h2 {
font-family: "Gelroy Semi bold";
font-size: 18px;
   padding: 2% 4% 2% 4%;
}
.parrafos-pc{
font-family: "Gilroy Ligth";
font-size: 16px;
  padding: 0% 4% 2% 4%;
}

.fondo-mil{
position: relative;
width: 100%;
top: 0px !important;
z-index: 2 !important;
padding-top: 5px;
height: 480px;
background-image: url(../img/milton_rincon-min.webp);
background-repeat: no-repeat;
background-size: 500px;
background-position: center bottom;

}

.fondo{
position: relative;

width: auto;
height: 500px;
top: -120px !important;
z-index: 1 !important;
padding-top: 5px;
}
  
.bi-facebook {font-size: 14px;}
.bi-instagram {font-size: 14px;}
  
.cont-menu-corporal{
width: 100%;
height: auto;
background-color: #363636;
z-index: 777!important;
position: fixed;
font-size: 12px;
font-family: "Gilroy Ligth";
color: #FFFFFF;
  top: 5%;
  padding-top: 2%;
}
  .cont-menu-facial{
width: 100%;
height: auto;
background-color: #363636;
z-index: 777!important;
position: relative;
padding-top: 5%;
font-size: 12px;
font-family: "Gilroy Ligth";
color: #FFFFFF;
}
  

.botones-tablet{
border: thin;
border-color: #FFFFFF;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;

}
.fondo-2{
position: absolute;
background-color: #BD171A;
width: auto;
height: 70px;
top: 0px !important;
z-index: 1 !important;
padding-top: 0px;
}


.padinng-menu-tablet{
width: 80%;
padding-left: 20%;
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
}

.bi-list{
position: relative;
cursor: pointer;
margin-top: 0px;
color: rgba(255, 255, 255, 1);
padding-top: 0px;
font-size: 40px;
}
.bi-x{
position: relative;
cursor: pointer;
top: -40px;
color: rgba(255, 255, 255, 1);
padding-top: 0px;
font-size: 45px;
}

#btn-open-tablet {
position: relative;
cursor: pointer;
margin-top: 0px;
color: rgba(255, 255, 255, 1);
padding-top: 6.5px;

}

#btn-close-tablet {
position: relative;
cursor: pointer;
top: -24px;
color: rgba(255, 255, 255, 1);
padding-top: 2px;

}

.menu-tablet{
width: 100%;
background-color: #363636;
height: 70px;
color: #FFFFFF;
padding: 0%;
text-align: center;
z-index: 999 !important;
position: sticky;
margin-bottom: 10px;
border-bottom: thin;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
    -webkit-box-shadow: 0 2px 5px #3A3939;
    box-shadow: 0 2px 5px #3A3939;    -webkit-box-shadow: 0 2px 5px #3A3939;
    box-shadow: 0 2px 5px #3A3939;}


.contenido-menu-tablet{
font-size: 16px;
font-family: "Gilroy Ligth";
color: #FFFFFF;
width: 100%;
height: auto;
background-color: #363636;
margin-top: -600px;
z-index: 888 !important;
position: absolute;
padding-top: 8%;

}


.logo-tablet  {
width: 35%;
height: auto;
padding: 1%;
float: center;
}
}