@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{margin:0; padding:0; box-sizing:border-box; font-family:"Poppins", sans-serif; text-decoration:none; list-style:none;}

/*Header y Menu START*/
.logo-header img {width:200px;}
header {background-color:#ffffff6b; display:flex; justify-content:space-between; align-items:center; margin-top: 120px;
z-index:1 !important;}

.nav-menu {z-index:100 !important;}
.nav-menu ul {display:flex; align-items:center !important; z-index:100 !important;}
.nav-menu li {color:#011A05; margin-right:1.5rem !important; z-index:100 !important;}
.nav-menu a {color:#011A05 !important;}
.nav-menu a:hover {color:#274001 !important;}
.nav-menu li:last-child {background-color:#5881006b; border:2px solid; padding:.25rem .75rem; border-radius:.2rem;}
.nav-menu li:last-child:hover {background:transparent; border:2px solid #011A05;}
.content {width:auto; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:justify; z-index:0;}
.content .carea {max-width:1030px; margin:0px auto; padding:30px 20px 30px 20px; position:relative; overflow:hidden;}
.content2 {width:auto; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:justify; background:#e8a40f;}
.content2 .carea {max-width:1030px; margin:0px auto; padding:30px 20px 0px 20px; min-height:420px; position:relative;}
.content .carea img {float:right; margin:0 0 0 30px; width:356px; height:auto;}
.content2 .carea img {float:right; margin:0 0 0 15px;}
.menu-icon img{
	width:50px;
	height:50px;
	border-radius:2px;
}

.menu-icon, #check{
	display:none;
}

@media (max-width:800px){
	.checkbtn{
		display:block;
	}
	.menu-icon{
		display:block;
		position:fixed;
		top:20px;
		right:20px;
		cursor:pointer;
	}
	.nav-menu ul{
		display:block;
		position:fixed;
		top:70px;
		left:-100%;
		background:#fff;
		width:100%;
		height:100vh;
		right:0;
	}
	.nav-menu ul li{
		padding:2rem;
		display:flex;
		justify-content:center;
		margin:0;
	}
	.nav-menu ul li:last-child{
		background:none;
		padding:1rem;
	}
	#check:checked ~ ul{
		left:0;
		transition:all .30s;
	}
}
/*Header y Menu END*/

body a{
	color:#fff;
}

/*Div Header Start*/
.div1 {
	background-color:#ffffff6b;
	padding:10px;
}
/*Div Header End*/

/*Div espacio abajo Start*/
.divespacioabajo{padding-bottom:20px;}
/*Div espacio abajo End*/

/*Div espacio arribaabajo Start*/
.divespacioarribaabajo{
padding-top:20px;
padding-bottom:20px;}
/*Div espacio arribaabajo End*/

/*Div espacio arribaabajocolor Start*/
.divespacioarribaabajocolor{
background:#34672f6e;
padding-top:20px;
padding-bottom:20px;}
/*Div espacio arribaabajocolor End*/


/*Div Texto Introduccion Start*/
.div2 {
	background-color:#011A05;
	text-align:center;
	padding-top:4px;
	padding-left:110px;
	padding-right:110px;
	padding-bottom:4px;
	color:#fff;
	font-size:20px;
	
}
.div3 {
	background-color:#990000;
	text-align:center;
	padding-top:4px;
	padding-left:110px;
	padding-right:110px;
	padding-bottom:4px;
	color:#fff;
	font-size:20px;
	
}


@media screen and (max-width:800px){
	.div2{font-size:15px; padding:10px;}
	.div3{font-size:15px; padding:10px;}
}


/*Div Texto Introduccion End*/

/*Slider Start */

.body-slider{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:30px;
}

img{
	max-width:100%;
}

.container-all{
	position:relative;
	max-width:1000px;
	width:100%;
	border-radius:6px;
	overflow:hidden;
}

.slide{
	display:flex;
	transform:translate3d(0, 0, 0);
	transition:all 600ms;
	animation-name:autoplay;
	animation-duration:6.5s;
	animation-direction:alternate;
	animation-fill-mode:forwards;
	animation-iteration-count:infinite;
}

.item-slide{
	position:relative;
	display:flex;
	flex-direction:column;
	flex-shrink:0;
	flex-grow:0;
	max-width:100%;
}

.pagination{
	position:absolute;
	bottom:20px;
	left:0;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:100%;
}

.pagination-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	border:2px solid white;
	width:16px;
	height:16px;
	border-radius:4px;
	overflow:hidden;
	cursor:pointer;
	background:rgba(255, 255, 255, 0.5);
	margin:0 10px;
	text-align:center;
	transition:all 300ms;
}

.pagination-item:hover{
	transform:scale(2);
}

.pagination-item img{
	display:inline-block;
	max-width:none;
	height:100%;
	transform:scale(1);
	opacity:0;
	transition:all 300ms;
}

.pagination-item:hover img{
	opacity:1;
	transform:scale(1);
}

input[id="1"]:checked ~ .slide{
	animation:none;
	transform:translate3d(0,0,0);
}

input[id="1"]:checked ~ .pagination .pagination-item[for="1"]{
	background:#fff;
}

input[id="2"]:checked ~ .slide{
	animation:none;
	transform:translate3d(calc(-100% * 1),0,0);
}

input[id="2"]:checked ~ .pagination .pagination-item[for="2"]{
	background:#fff;
}

input[id="3"]:checked ~ .slide{
	animation:none;
	transform:translate3d(calc(-100% * 2),0,0);
}

input[id="3"]:checked ~ .pagination .pagination-item[for="3"]{
	background:#fff;
}

@keyframes autoplay{
	33%{transform:translate3d(calc(-100% * 0), 0, 0);}
	66%{transform:translate3d(calc(-100% * 1), 0, 0);}
	100%{transform:translate3d(calc(-100% * 2), 0, 0);}
}
/*Slider End*/

/*Boton Start*/
/*** ESTILOS BOTÃ"N GROW SKEW REVERSE ***/
.ov-btn-grow-skew-reverse {
  background:#fff; /* color de fondo */
  color:#011A05; /* color de fuente */
  border:2px solid #010D00; /* tamaño y color de borde */
  font-size:20px ; /* tamaño de fuente*/
  font-weight:600; /*Peso de fuente*/
  padding:16px 20px;
  border-radius:15px; /* redondear bordes */
  position:relative;
  z-index:1;
  overflow:hidden;
  display:inline-block;
  text-decoration:none;
}
.ov-btn-grow-skew-reverse:hover {
  color:#011A05;/* color de fuente hover */
}
.ov-btn-grow-skew-reverse::after {
  content:"";
  background:#5881006b; /* color de fondo hover */
  position:absolute;
  z-index:-1;
  padding:16px 20px;
  display:block;
  left:-20%;
  right:-20%;
  top:0;
  bottom:0;
  transform:skewX(45deg) scale(0, 1);
  transition:all 0.4s ease;
}
.ov-btn-grow-skew-reverse:hover::after {
  transition:all 0.7s ease-out;
  transform:skewX(45deg) scale(1, 1);
}
/*Boton End*/

/*Boton WhatsApp START*/
.btn-wsp{
	position:fixed;
	width:55px;
	height:55px;
	line-height:55px;
	bottom:50px;
	right:15px;
	background:#0df053;
	color:#fff;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow:0px 1px 10px rgba(0, 0, 0, 0.5);
	z-index:100;
}

.btn-wsp:hover{
	text-decoration:none;
	color:#0df053;
	background:#fff;
}
/*Boton WhatsApp END*/

/*CSS Testimonios START*/

.testimonios_spa{
	width:100%;
	margin:auto;
}

.container-testimonials{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.testimonial{
	width:340px;
	margin:20px;
	background:#5881006b;
	padding:30px;
	text-align:center;
	border-radius:15px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.5);
}

.testimonial h2{
	margin-top:-40px;
	color:#011A05;
}

.testimonial h4{
	margin-top:5px;
	color:crimson;
	font-weight:400;
}

.testimonial p{
	margin-top:20px;
	margin-bottom:10px;
	color:#011A05;
	font-weight:400;
	letter-spacing:0.5px;
}

.photo-perfil1, .photo-perfil2, .photo-perfil3{
	margin:auto;
	width:150px;
	height:150px;
	background-position:center;
	background-size:cover;
	border-radius:50%;
	position:relative;
	top:-60px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.5);
}

.photo-perfil1{
	background-image:url("/images/NewSite/Testimonios/img1.large.jpg");
}

.photo-perfil2{
	background-image:url("/images/NewSite/Testimonios/img2-orig.jpg");
}

.photo-perfil3{
	background-image:url("/images/NewSite/Testimonios/img3-orig.jpg");
}

/*CSS Testimonios End*/

/*CSS Tratamientos Especiales START*/

.container__cards{
	width:100%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
}

.card{
	width:350px;
	margin:10px;
	padding:20px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.5);
	background:rgba(21,20,25,0.4);
	border-left:1px solid rgba(255,255,255,0.5);
	border-top:1px solid rgba(255,255,255,0.5);
	border-radius:15px;
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	transition:all 300ms;
}

.card:hover{
	transform:translateY(-10px);
}

.card:hover .cover__card img{
	transform:scale(1.1);
}

.cover__card{
	width:100%;
	height:180px;
	border-radius:15px;
	overflow:hidden;
}

.cover__card img{
	width:110%;
	transition:all 300ms;
}

.card h2{
    font-size:20px;
	font-weight:500;
	margin-top:20px;
	color:#fff;
}

.card p{
	margin-top:20px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	letter-spacing:0.5px;
}

.card hr{
	margin-top:30px;
	border:none;
	height:0.1px;
	background:#41414138;
}

.footer__card{
	margin-top:10px;
	display:flex;
	color:#fff;
	justify-content:space-between;
}

.footer__card h3{
	font-size:15px;
	font-weight:500;
}

@media screen and (max-width:1200px){
	.container__cards{
		position:relative;
		top:0;
		left:0;
		transform:none;
		margin-top:100px;
		padding-bottom:100px;
	}
}

/*CSS Tratamientos Especiales End*/

/*Bioseguridad START*/
.bio_content{display:block; color:#235daa; padding:50px; text-align:center;}
.bio_content h1{font-size:20px;}
.bio_content img{align-items:center; width:200px; height:200px;}
@media screen and (max-width:800px){.bio_content h1{font-size:15px;}
/*Bioseguridad END*/

/*Footer START*/

.pie-pagina{
	width:100%;
	background-color:#212125;
}

.pie-pagina .grupo1{
	width:100%;
	max-width:1200px;
	margin:auto;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:50px;
	padding:45px 0px;
}

.pie-pagina .grupo1 .box figure{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.pie-pagina .grupo1 .box figure img{
	width:200px;
}

.pie-pagina .grupo1 .box h2{
	color:#fff;
	margin-bottom:25px;
	font-size:20px;
}

.pie-pagina .grupo1 .box p{
	color:#efefef;
	margin-bottom:10px;
}

.pie-pagina .grupo1 .red-social a{
	display:inline-block;
	width:50px;
	height:50px;
	line-height:60px;
	color:#fff;
	margin-right:10px;
	background-color:black;
	text-align:center;
	transition:all 300ms ease;
}

.pie-pagina .grupo1 .red-social a:hover{
	color:#5881006b;
}

.pie-pagina .grupo1 .red-social i{/* Cambiar tamaño de iconos de redes sociales */
	font-size:30px;
}

.pie-pagina .grupo2 {
	background-color:black;
	padding:15px 10px;
	text-align:center;
	color:#efefef;
}

.pie-pagina .grupo2 small{
	font-size:15px;
}

@media screen and (max-width:800px){/* Responsive del Footer */
	.pie-pagina .grupo1{
		width:90%;
		grid-template-columns:repeat(1, 1fr);
		grid-gap:30px;
		padding:35px 0px;
	}
	
}
/*Footer END*/