* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/* FUENTES PROPIAS*/
@font-face {
	font-family: bodoni;
	src: url(../media/bodoniposter.otf);
}
@font-face {
	font-family: west;
	src: url(../media/westayscript.otf);
	font-style: normal;
  	font-stretch: 1% 500%; /* Required by Chrome */
}

@font-face {
	font-family: nxl;
	src: url(../media/NexaLight.otf);
}

@font-face {
	font-family: nxb;
	src: url(../media/NexaBold.otf);
}

@font-face {
	font-family: borix;
	src: url(../media/BorisBlackBloxx.ttf);
}


/* VARIABLES */

:root {
	--santo1: #3D4394;
	--santo2: #0D7DA6;
	--santo3: #5FB7E0;
	--santo4: #BBE0F1;
	--santo5: #D1EBF6;
	--santo6: #E3F3FA;

	--gris1: #ededed;
	--gris2: #cccccc;
	--gris3: #999999;
	--gris4: #666666;
	--gris5: #374049;

	--titulos1-familia: 'Montserrat', sans-serif;
	--titulos1-fontweight: 100;
	--titulos2-fontweight: 200;
	--titulos3-fontweight: 300;
	--titulos4-fontweight: 400;
	--titulos5-fontweight: 500;
	--titulos6-fontweight: 600;
	--titulos7-fontweight: 700;
	--titulos8-fontweight: 800;
	--titulos9-fontweight: 900;

	--open: 'Open Sans', sans-serif;
	--open-fontweight3: 300;
	--open-fontweight4: 400;
	--open-fontweight6: 600;
	--open-fontweight8: 800;


}

a:hover{
	color:#00b2e3;
   }
   
   a:before{
	   color: black;
	  }
   
/* BODY */

body{
	background:white;
	max-width: 98vw;
	margin: auto;
	font-family: var(--open);
	font-weight: var(--open-fontweight3);
	color: var(--gris4);
	display: grid;
	grid-template-columns: 1fr;
	/* grid-template-rows: auto auto auto auto auto auto; */
	grid-template-areas: "homepage"   	
						"contenidohome1"
						"contenidohome2"
						"contenidohome3"
						"formalpp" 	
						"direcciones";
	overflow-x: hidden;					
  	
}
/* ------------------------------------------------------------------------------------------------- */

/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */
/* PANTALLAS GRANDES */

@media screen and (max-width: 687px){


.homepage{
	grid-area: homepage;
	background-color: white;
	display: grid;
	grid-template-columns: 98vw;
	/* grid-template-rows: auto auto auto; */
	grid-template-areas: "headerproductos"
						  "wrapper"
						  "botoneraabajo";
}

.contenidohome1{
	grid-area: contenidohome1;
	width: 98vw;
	background: white;
}

.contenidohome2{
	grid-area: contenidohome2;
	width: 98vw;
	background-color: var(--azul1);
}

/* .contenidohome3{
	grid-area: contenidohome3;
	width: 98vw;
	background-color: rgb(54, 93, 153);
} */

.formalpp{
	grid-area: formalpp;
	width: 98vw;
	/* margin-top: 3rem; */
	display: grid;
	grid-template-columns: 98vw;
	grid-template-areas: "formalcol1"
						 "formalcol2"
						 "formalcol3"
						 "formalcol4"
						 "formalcol5"
						 "formalcol6"
						 "formalcol7"
						 "formalcol8"
						 "formalcol9"
						 "formalcol10"
						 "formalcol11"

	}

.direcciones{
	grid-area: direcciones;
	/* width: 98vw; */
	background-color: lightblue;
	/* display: grid; */
	/* grid-template-columns: 5vw 88vw 5vw; */
	/* grid-template-rows: auto auto auto auto 3.5rem; */
		}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */
/* ESTILOS PARA EL HOMEPRODUCTOS */


/* POPUP */

.fotohackeruno{
	display: none;
}


.popup { 
	position: fixed; 
	background: rgba(0,0,0,0.80); 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	top: 0px; 
	z-index: 999; 
	display: none;
 }

	.popup-inner { 
	background: #fff;
	 -webkit-border-radius: 4px; 
	 -moz-border-radius: 4px; 
	 border-radius: 4px; 
	 width: 300px; 
	 height: 286px; 
	 position: relative; 
	 /* display: table;  */
	 margin: auto; 
	 top: 90px; 
	 box-sizing: border-box; 
	 max-width: 80%;
	 display: flex;
	 justify-content: center;
	align-items: center;

	}

.popup .close { 
	cursor: pointer; 
	height: 34px; 
	width: 34px; 
	position: absolute; 
	left: 30px; 
	-webkit-left: 30px; 
	-moz-left: 30px; 
	top: -44px; 
	color: #fff; 
	font-size: 30px; 
	font-family: monospace; 
	font-weight: 300; 
}


/* .popup .close:hover { } */

/* .popup-content {  box-sizing: border-box; } */

 @media only screen and (max-width:768px) {
       .popup-inner  {width: 100% !important}
   }
   
   .popup{
	z-index: 11111;
	
   }

   .popup-inner{
	background: rgba(0,0,0,0.00); 
   }
   
/* POPUP */



.headerproductos{
	grid-area: headerproductos;
	position:fixed;
	z-index:999;
	background-color:rgb(255, 255, 255);
	display: grid;
	grid-template-columns:  19vw 79vw ;
	grid-template-areas:   "logo menuuno"
							"menudos menudos"
	}


.wrapper{
	grid-area: wrapper;
}

.botoneraabajo{
	grid-area: botoneraabajo;
	/* min-height: 125px; */
	/* text-align: center; */
	display: flex;
	flex-wrap: wrap;
	width: 99vw;
	/* background-color: rgb(183, 90, 90); */
	/* display: grid; */
	/* grid-template-columns: 1fr; */
	/* grid-template-rows: auto auto; */

}

.btn_ver_mas{
	text-align:center;
	/* width: 50%;
	margin-left:40px; */
	display: flex;
	justify-content: center;
	margin: auto;
	margin-bottom: 25px;
}

.descargablescaja a{
	text-align:center;
	margin: auto;
}

h6{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos4-fontweight);
	font-size: 1.2rem;
	line-height: 1.2rem;
	padding: .3rem 1rem;
	/* text-align: center; */
}



/* ------------------------------------------------------------------------------------------------- */

		/* HEADERPRODUCTOS */
		/* HEADERPRODUCTOS */


		.cajaheader1{
			display: none;
		}
		
		
		.logosantorini {
			width: 19vw;

			margin-top: 1rem;
			margin-left: .5rem;
			object-fit: cover;
			}

		.cajaheader2movil{
			z-index: 2;
			/* margin: auto; */
		}	
		
			.cajaheader3movil {
			grid-area: menudos;
			font-size: clamp(.3rem, 1rem, 2rem);
			line-height: 15px;
			display: flex;
			justify-content:space-between;
			align-items: center;
			margin: 0 3vw;

			}
		
		.cajaheader2, .cajaheader3{
		display: none;
			}
		
		.cajaheader3movil ul li a{
			font-size: clamp(.3rem, 1rem, 2rem);
				
			}
			
		.cajaheader6 a{
			text-decoration: none;
			text-align: center;
			color: var(--azul1);
			}
		
		.lineavertical{
			/* grid-area: navppal; */
			width: 2px;
			height: 2rem;
			background: var(--azul2);
		}
		
		.cajaheader7movil{
			grid-area: menuuno;
			background-color:rgb(255, 255, 255);

			display: flex;
			justify-content: space-around;
			align-items: flex-end;
			margin-bottom: .1rem;
			margin-right: 1rem;
			margin-left: 1rem;
			/* margin-right: 1rem; */
			/* margin-bottom: 1.2rem; */
		}

		.cajaheader3movil a, .cajaheader7movil a{
			text-decoration: none;
			text-align: center;
			color: var(--gris4);
			display: block;
			text-decoration: none;
			text-align: center;
			padding: 5px 2px;
			font-size: clamp(.3rem, 1rem, 2rem);

	
		}

		
		.cajaheader7 {
			display: none;
			}
		
		.cajaheader8{
			display: none;
		
		}	
/*----------BUSCADOR-----------*/



.content-table{
	align-content: center;
	right: 15%; 
	top:95px;
	position:fixed;
	align-content:center;
	width:70%;/*50%*/
	max-width: 80%;/*50%*/
	margin:auto;
	background-color:#fff;
	padding: 0 10px;
	padding-bottom: 5px;
	max-height: 500px;
	overflow: hidden;
	display:none;
	z-index: 2000;
				
	}
						
					
	tbody tr td{
							
	width:50%;
					
	}
						
	.search-table{
	width: 100%;
						
						
	}
						
	tbody tr td a{	
	margin-top: 30px;
	text-align: center;
	align-content:center;
	text-decoration: none;
	font-size: 18px;
	color: #057BF5;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	padding-left: 20px;
	border: 2px solid #fff;
	display:block;
							
	}
					
						
	tbody tr td a:hover{
	color: aliceblue;
	background-color:#00b2e3;
	}
					
					
	.content-table::-webkit-scrollbar{
	/*background: rgba(0,0,0,0);*/
	width: 10px;
	}
					
	.content-table::-webkit-scrollbar-track{
	background:#C1C1C1;
	}
					
	.content-table::-webkit-scrollbar-button{
	background:#C1C1C1;
	}	
					
					
	.content-table::-webkit-scrollbar-button-thumb{
	background:#C1C1C1;
	}
					
					
	.dataTables_length,
	.dataTables_filter,
	.dataTables_info,
	.dataTables_paginate{
					
	display: none;
					}
					
					
						
						
	.search {					 
		width: 3.5rem;/*8rem*/
		height: 1.9rem;
		font-size:16px;
		padding: 5px;
		display: flex;
		justify-content:flex-end;
		align-items: center;
		margin-right: 10px;	
		border-radius: 50px;
		}
						
						
	.search input {
		width: 8rem;/*8rem*/
		height: 1.9rem;
		border-color:#00b2e3 !important;
		border-width: 2px;
		border: 1px solid ;
		border-radius: 20px;
		background-image: url("img/todos/lupa.svg");
		background-repeat: no-repeat;
		background-size: 18px 18px;
		background-position: center;
		}
					
						
	.search input { text-indent: 18px;}
	.search .fa-search { 
	position: absolute;
	top: 10px;
	left: 10px;
	}
					
						
						
	.cajalupa{
	width: 2rem;
	height: 1.9rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	/*	border-color:#00b2e3;
	border-width: 2px;
	border-style: solid;*/
	margin-right: 10px;	
	border-radius: 1rem;
	
	}
					
	.lupaa{
	height: 1.3rem;
	padding: 0px 8px;
	}
						
/*---------------------------------*/
.cajagracias{
	
	
	text-align: center;
	position: relative;
	margin: auto;
}
.gracias h3 {
	font-size: 3.5rem;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos1-fontweight);
	line-height: 3.4rem;
	color: var(--azul1);
	margin: 0.5rem 0 0 2rem;
}
.gracias {
    margin-top: 135px;
    width: 77vw;/*98vw*/
    padding: 0 11rem 0 11rem;
    display: flex;
    justify-content: center;
}

		.cajalupa{
			display: inline-block;
		}
		
		.cajaencaja{
			width: 70%;
			height: 1.9rem;
			border-color:#00b2e3;
			border-width: 2px;
			border-style: solid;
			border-radius: 1rem;
			display: none;
		}
		
		.cajaheader9{
			display: none;
		}
		
		.cajaheader5{
			grid-area: blanco2;
			}
			
		.lupaa{
			height: 1.3rem;
		}
		
		.vl {
			border-left: 2px solid rgb(150, 150, 150);
			height: 27px;
			}
		
		.linkedinimg {
			width: 1.5rem;
			margin-left: .5rem;
			}
		
		.instagramimg, .facebookimg {
			width: 5vw;
			/* margin-left: .5rem; */
			}
		
		.atencioncliente{
			font-weight: var(--open-fontweight6);
			letter-spacing: -1px;
			}	

			.floatwhatsapp{
				position: fixed;
				bottom: 12px;
				right: 2rem;
				z-index: 10000;
			}
			
			.whatsappfloat{
			margin: auto;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-decoration: none;
			
			}
			
			.whatsappfloat p{
				font-family: nxb;
				font-size: .7rem;
				margin: auto;
				text-align: center;
				line-height: .7rem;
				color: var(--gris3);
			}
			
			.floatbutton{
				background-image: url("../img/todos/whatsapp.svg");
				background-repeat: no-repeat;
				width: 2.4rem;
				height: 2.4rem;
			}

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA MENU DESPLEGABLE */


	/* header nav{
		background: rgb(56, 71, 56);
		max-width: 1000px;
		z-index: 1000;
		width: 95%;
		margin: 20px auto;
	} */
	
	.headerproductos ul{
		list-style: none;
	}
	
	.headerproductos ul li{
	display: inline-block;
	position: relative;
	}
	
	.headerproductos ul li:hover{
		background:white;
		border-radius: 0em;
		}
	
	.headerproductos ul li a{
		color: var(--gris4);
		display: block;
		text-decoration: none;
		text-align: center;
		padding: 5px 10px;
		font-size: clamp(.3rem, 1rem, 2rem);

	}

	.headerproductos ul li a:hover{
		color: var(--azul2);
	}

	.headerproductos ul li .children1{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -50%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .children1{
	display: block;
	}
					
	.headerproductos ul li .children1 li{
		display: block;
	}
	
	.children1 {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .children1 li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 0px 1rem;
	}

	ul .children1 li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}

	ul .children1 br{
		display: none;			
		}


	ul .children1 h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}

	.headerproductos ul li .childrendos{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -0%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .childrendos{
	display: block;
	}
					
	.headerproductos ul li .childrendos li{
		display: block;
	}
	
	.childrendos {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .childrendos li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 5px 1rem;
	}

	ul .childrendos li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}


	ul .childrendos h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}


	.headerproductos ul li .childrentres{
		display: none;
		background:white;
		border-radius: 5px;
		box-shadow:0 4px 8px rgba(0,0,0,0.2);
		position: absolute;
		left: -100%;
		width: 200%;
		z-index: 1000;
		padding: 10px;
		}
					
	.headerproductos ul li:hover .childrentres{
	display: block;
	}
					
	.headerproductos ul li .childrentres li{
		display: block;
	}
	
	.childrentres {
		/* list-style-type: none; */
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

	ul .childrentres li a{
		color:var(--gris4);
		text-align: left;
		margin: 2px;
		padding: 5px 1rem;
	}

	ul .childrentres li a:hover{
		background:var(--azul1);
		text-align: left;
		margin: 2px;
	}


	ul .childrentres h3{
		color: var(--gris4);
		padding: 20px;
		text-align: left;
		font-size: 1rem;
	}


/* ------------------------------------------------------------------------------------------------- */

		/* ESTILOS WRAPPER */
		/* ESTILOS WRAPPER */

		.superintendencia{
			display: none;
		}
	
		.carruselcuatro, .carruseldos{
			display: none;
		}
		


#wrapper{
	grid-area: wrapper;
	margin: 10rem auto 0 auto;
	width: 90vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 10rem;
}

.cajatitizq{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	margin: auto;
	margin-top: -1rem;
}


.suitename{
	font-family: west;
	font-size: 3rem;
	transform:scale(2,1); 
	-webkit-transform:scale(1.2,1);
	font-weight: normal;
	color: black;
	margin: 0 1.5rem;
}

.referenciasuite{
	font-family: nxb;
	color: var(--santo3);
	font-size: 2.4rem;
	margin-top: .8rem;

}
.descripcionsuite{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: .8rem;
	width: 90vw;
	margin-bottom: 1rem;
}

.cajaizquierda{
	/* grid-column: 2/3;
	grid-row: 2/3; */
	background-color: var(--santo3);
	color: rgb(255, 255, 255);
	height: 52vh;
	font-family: westay;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;

}


.titulo{
	font-family: bodoni;
	/* font-size: 3.8rem; */
	font-size: clamp(.5rem, 4.5vw, 5rem);
	line-height: clamp(.5rem, 4vw, 5rem);
	letter-spacing: -2px;
	margin: 0 0 0 5vw ;
	margin-top: clamp(50px, 15vw, 70px);

}

.dechiqui{
	font-size: 2.8rem;

}

.cajaencuentro{
	margin: 0rem 0 0 3vw ;

}

#script{
	font-family: west;
	font-style: normal;
	letter-spacing: 0px;

	font-size: clamp(.5rem, 7vw, 6rem);
	/* line-height: 2rem; */
	color: black;
	/* border-style: none; */
	/* margin: 0 5vw ; */
	transform:scale(2,1); 
	-webkit-transform:scale(1.4,1);
	display:inline-block;
}

.medellin{
	font-size: clamp(.5rem, 4vw, 5rem);
	margin-left: -2.3rem;
	/* margin-top: -4vh; */
	/* line-height: -1rem; */
	position: relative;
	top: 1px;
}



.lineaizquierda {
	height: 2px;
	width: 70%;
	background-color: black;

}

	.cajatitulos{
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos5-fontweight);
		font-size: 1.3rem;
		text-align: center;
		/* margin: 0 0 0 3rem; */
		margin-top: clamp(50px, 15vw, 100px);
	}

	.llamanos{
		color: black;
	}



	/* ICONOS DE LOS SERVICIOS */


	.titulos{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.lineaizq, .lineader{
		width: 2rem;
		height: 2px;
		background-color: rgb(255, 255, 255);
	}

	.tituloservicios{
		font-family: west;
		font-size: 3rem;
		transform:scale(2,1); 
		-webkit-transform:scale(1.2,1);
		font-weight: normal;
		color: black;
		margin: 0 2rem;
	
	}

	.iconos{
		/* background-color: red; */
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		/* margin: 0 1.3rem 0 1.3rem; */

	}

	.uno{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: .2rem;


	}
	.uno img{
		/* width: auto; */
		/* height: auto; */
		/* max-height: 35px; */
		/* max-width: 35px; */
		width: 7vw;
		height: 7vw;
		object-fit: contain;
		/* margin: .3rem; */
	}

.serviciotxt{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	font-size: .7rem;
	line-height: .7rem;
	text-align: center;

}



.contenedoracarrusel{
	width: 90vw;
	height: 45vh;
	/* background-size: cover; */
	
	overflow: hidden;
}

.single-item{
	width: 90vw;
	height: 45vh;
	object-fit: cover;

}

.intendenciasuper{
	margin: auto;
	width: 100%;
	margin-top: 1rem;
	padding: 2rem 0;
	background-color:var(--gris3);
	/* position: absolute; */
	/* left:-40px; */
	/* top:9rem; */
}

.superhorizontal{
	width: 200px;
}


#slider-wrap{
width:85vw;
height:450px;
position:relative;
overflow:hidden;
}

#slider-wrap ul#slider{
width:85vw;
height:100%;
list-style: none;	
position:absolute;
top:0;
left:0;		
}

#slider-wrap ul#slider li{
float:left;
position:relative;
width:85vw;
height:450px;	
}

#slider-wrap ul#slider li > div{
position:absolute;
top:20px;
left:35px;	
}

.single-item img {
	width: 90vw;
	/* height: auto; */
	object-fit: contain;

	/* height: fit-content; */
  }

  .slick-slide img {
	width: 90vw;
	height: 67vh;
	object-fit: cover;

	/* height: fit-content; */
  }

/* #slider-wrap ul#slider li > div h3{
font-size:36px;
text-transform:uppercase;
list-style: none;	
} */

/* #slider-wrap ul#slider li > div span{
font-family: Neucha, Arial, sans serif;
font-size:21px;
} */

/* #slider-wrap ul#slider li i{
text-align:center;
line-height:400px;
display:block;
width:100%;
font-size:90px;	
} */

/*btns*/
.btns{
position:absolute;
width:50px;
height:60px;
top:50%;
margin-top:-25px;
line-height:57px;
text-align:center;
cursor:pointer;	
background:rgba(0,0,0,0.1);
z-index:100;

/* -webkit-user-select: none;  
-moz-user-select: none; 
-khtml-user-select: none; 
-ms-user-select: none; */

-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.btns:hover{
background:rgba(0,0,0,0.3);	
}

#next{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
top: 30px; 
right:35px; 
width:auto;
position:absolute;
}

#slider-wrap.active #next{right:0px;}
#slider-wrap.active #previous{left:0px;}

/*bar*/
#pagination-wrap{
min-width:20px;
margin-top:350px;
margin-left: auto; 
margin-right: auto;
height:15px;
position:relative;
text-align:center;
}

#pagination-wrap ul {
width:100%;
}

#pagination-wrap ul li{
margin: 0 4px;
display: inline-block;
width:5px;
height:5px;
border-radius:50%;
background:#fff;
opacity:0.5;
position:relative;
top:0;
}

#pagination-wrap ul li.active{
width:12px;
height:12px;
top:3px;
opacity:1;
box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}

/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 

/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}


.titulotabletdos{
	background-color: var(--santo2);
	color: white;
	text-align: center;
	width: 90vw;
	/* padding: 1rem ; */
	font-size: clamp(.4rem, 1.2rem, 5rem);
	font-family: bodoni;
	outline: none;
	border: none;
	display: flex;
	justify-content: center;
	align-items: center;

}

.titulotabletdos h3{
	margin-top: 0.3rem;
}


#encuentrotablet {
	font-family: west;
	font-style: normal;
	font-size: clamp(.8rem, 2.2rem, 5rem);
	/* position: relative; */
	color: black;
	transform:scale(2,1); 
	-webkit-transform:scale(1.4,1);
	display:inline-block;
	margin: 0 1.5rem;
	outline: none;
	border: none;
	/* margin-top: .4rem; */

}



/* ------------------------------------------------------------------------------------------------- */


			/* BOTONERA ABAJO */
			/* BOTONERA ABAJO */
	
	
			/* DIVISIONSUITES */
	
	
			.botoneraabajo{
				grid-column: 1 / -1;
				grid-row: 3 / 4;
				display: flex;
				justify-content: center;
			}
			
			.combo{
				display: flex;
				flex-direction: column;
				align-items: center;
				margin: 1rem 1rem;
				text-align: center;
			}
			
			.precio{
				background-color: var(--santo2);
				font-family: borix;
				font-size: 1.2rem;
				padding: .3rem 1rem;
				border-radius: 8px;
				color: white;
				margin: 0.5rem 1rem;
			
			}
			
			.nombreprecio{
				text-align-last: center;
				line-height: 1.2rem;
				font-size: 1.1rem;
			
			}
			
			.tarifatit{
				font-family: borix;
				font-size: 1.1rem;
				letter-spacing: 1px;
				color: var(--santo1);
			
			}
			
			.divisionsuites{
				/* grid-column: 1 / -1;
				grid-row: 1 / 2; */
				display: flex;
				justify-content: center;
				align-items: center;
				height: 14vh;
			}
			
			.btncontenedor{
				display: flex;
				flex-direction: column;
				align-items: center;
				z-index: -33;
				margin-right: 10px;
			}
			
			
			.enlace{
				text-decoration: none;
				display: flex;
				flex-direction: column;
				/* justify-content: center; */
				align-items: center;
				margin-top: -.5rem;
				z-index: -44;
			}
			
			.ensayo:hover{
				color: red;
			}
			
			.namesuites{
				font-family: west;
				font-size: clamp(1.7rem, 2vw, 3rem);
				position: relative;
				top: .7rem;
				color: black;
				transform:scale(2,1); 
				-webkit-transform:scale(1.2,1);
				display:inline-block;
			}
			
			.suitessantorini{
				font-family: nxb;
				/* font-weight: var(--titulos6-fontweight); */
				font-size: clamp(.5rem, 1.3vw, 3rem);
				position: relative;
				top: .5rem;
				color:var(--santo1);
			
			}
			
			.suitessantorini:hover{
				color:red;
			
			}
			
			.cajasblanca{
				width: 40%;
				height: 20px;
				min-width: 5vw;
				background-color: rgb(255, 255, 255);
				position: relative;
				top: -2.3rem;
				z-index: -5;
				
			}
			
			.cajasbtn{
				width: 10vw;
				min-width: 100px;
				height: 2.2rem;
				border-color: var(--santo3);
				border-radius: .5rem;
				border-style: solid ;
				padding: 1rem;
				z-index: -6;
				position: relative;
				top: -2.8rem;
			}
			
		/* ------------------------------------------------------------------------------------------------- */


/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */
/* ESTILOS PARA CONTENIDOHOME1 */


.definicionprincipal{
	background: var(--gris5);
	padding: 2rem 2rem;
	display: grid;
	grid-template-columns: repeat(3, minmax(min-content, 1fr));
	grid-template-rows: auto auto auto auto;
}

.titulogrande{
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}

h1 {
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	font-size: 1.5rem;
	color: var(--gris2)
}

.aressslogan {
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos1-fontweight);
	font-size: 1.3rem;
	color: var(--gris2);
}
		

.definicionprincipal h3{
	color: var(--gris2);
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	line-height: 1rem;
	margin-top: 1rem;
	text-align: center;
	font-size: .9rem;
}


.treshombres{
	background: var(--azul2);
	background-image: url(../img/home/treshombres.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 5rem;
	height: 5rem;
	text-align: center;
	display: inline-block;
	border-radius: 70px;
}

.medalla{
	background: var(--azul2);
	background-image: url(../img/home/medalla.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 5rem;
	height: 5rem;
	text-align: center;
	display: inline-block;
	border-radius: 70px;
	margin: 0 .5rem;
	/* margin-top: 2rem; */
}

.globomano{
	background: var(--azul2);
	background-image: url(../img/home/manoglobo.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 5rem;
	height: 5rem;
	text-align: center;
	display: inline-block;
	border-radius: 70px;
	/* margin-top: 2rem; */
}

.iconoprincipaldos, .iconoprincipaltres, .iconoprincipalcuatro{
	text-align: center;
	/* margin: auto; */

}

/* ------------------------------------------------------------------------------------------------- */

	/* ACTUARESS */


	.actuaress{
		background: white;
		margin-top: 2rem;
	}
	
	.cabezotemesuno{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: none;

	}

	.cabezoteactuaresdos{
		width: 100%;
		height: 100%;
		object-fit: cover;

	}

	.cabezoteactuaresuno{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: none;

	}

	
	
	.contenedorarticulos{
		margin: 1rem 2rem;
		display: flex;/*grid*/
		flex-direction: column;
		/* grid-template-columns: 1fr;
		grid-template-rows: auto auto; */
	
	}
	
	
	.fotoarticulouno img, .fotoarticulodos img, .fotoarticulotres img, .fotoarticulocuatro img{
		width: 100%;
		object-fit: cover;
	}
	
	.contenedortitulo{
	min-height: 5rem;
	background-color: var(--azul1);
	display: flex;
	justify-content: center;
	align-items: center;
	}
	
	.titactuaress{
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1rem;/*1.5rem*/
		line-height: 1.4rem;
		text-transform: uppercase;
		color: white;
		margin: 0 2rem;
	}

	.titactuaress.dos, .titactuaress.cuatro{
		text-align: center;
	}
	
	.titactuaress.uno, .titactuaress.tres{
		font-size: 2rem;
		line-height: 1.8rem;
		text-align: center;
	}
	
	
	.articuloactuaress{
		margin: 2rem 1rem;
		font-size: .8rem;
	}
	
	.actuaressuno, .actuaressdos, .actuaresstres, .actuaresscuatro{
		box-shadow: 0px 2px 3px rgb(212, 212, 212);
	}
	
	div .actuaressuno{
		background-color: white;
		/* grid-column: 1 / -1;
		grid-row: 1 / 2; */
		margin: 1rem 1rem;
	}
	
	div .actuaressdos{
		background-color: white;
		/* grid-column: 1 /3;
		grid-row: 1 / 2; */
		margin: 1rem 1rem;
	}
	
	div .actuaresstres{
		background-color:white;
		/* grid-column: 1 / 2;
		grid-row: 2/3; */
		margin: 1rem 1rem;
	}
	
	div .actuaresscuatro{
		background-color: white;
		/* grid-column: 2 /3;
		grid-row: 2/3; */
		margin: 1rem 1rem;
	}
	
	.articuloactuaress.tres{
		color: var(--gris3);
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos8-fontweight);
		font-size: 2.3rem;
		line-height: 2rem;
		text-align: center;
	}
	
	.listaarticulo{
		margin: 0 2rem 2rem 3rem;
		font-size: .8rem;
		text-align: center;/*left*/
	
	}

	.codigoqr {
		width: 150px;
	}
	
	.tituloactuaress {
		grid-column: 1 / -1;
		grid-row: 1 / 2;
		color: var(--gris3);
		font-family: var(--titulos1-familia);
		font-weight: var(--titulos8-fontweight);
		font-size: 2rem;
		margin-bottom: 1rem;
		text-align: center;
	
	}


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA CONTENIDOHOME2 */
/* ESTILOS PARA CONTENIDOHOME2 */
/* ESTILOS PARA CONTENIDOHOME2 */
/* ESTILOS PARA CONTENIDOHOME2 */


.productodelmes{
	display: none;
}

.productomes img{
	/* margin: 5rem 0;	 */
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ------------------------------------------------------------------------------------------------- */

	/* VENTAJAS */

.ventajasuno{
	background: var(--azul1);
	margin: auto;
	/* padding: 1rem 0; */
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto min-content auto;
}

.ventajasuno h3{
	color: white;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	line-height: .8rem;
	font-size: .8rem;
	/* padding: 0 1rem; */
}

.contenidohome2 h2{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos5-fontweight);
	line-height: 2rem;
	font-size: 1.6rem;
	color: white;
	margin-bottom: 5px;
}

.ventajastitulo{
	margin: 1rem;
}

.ventajastitulo > br{
	display: none;
}
		
.ventajasdos{
	grid-column: 1 / -1;
	grid-row: 1 / 2;

}

.ventajastres{
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin: 1rem 0rem 1rem 2rem;
}

.ventajascuatro{
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	margin: 1rem 2rem 1rem 0;
}

.ventajascinco{
	grid-column: 1 / -1;
	grid-row: 3/ 4;
	margin: 1rem;
}

.ventajasseis{
	grid-column: 2/ 3;
	grid-row: 3/ 4;
	margin: 1rem 2rem 1rem 0;
}

.iconoventajatres{
	background: var(--azul2);
	background-image: url(../img/home/hombre.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 6rem;
	height: 6rem;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 1rem;
}

.iconoventajacuatro{
	background: var(--azul2);
	background-image: url(../img/home/flechas.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 6rem;
	height: 6rem;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 1rem;
	}
	
.iconoventajacinco{
	background: var(--azul2);
	background-image: url(../img/home/martillo.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 6rem;
	height: 6rem;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 1rem;
	}
		
.iconoventajaseis{
	background: var(--azul2);
	background-image: url(../img/home/pig.svg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 6rem;
	height: 6rem;
	text-align: center;
	display: inline-block;
	border-radius: 30px;
	margin-bottom: 1rem;
	}
		
/* ------------------------------------------------------------------------------------------------- */

/* DESCARGABLES */


.descargablesuno{
	background: white;
	/* padding: 2rem 0; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}

.descargablesdos{
	background-image: url(../img/home/callcenter.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 20rem;
	margin: 1rem 0.5rem .5rem 0rem;
}

.descargablestres{
	background-image: url(../img/home/download.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 20rem;
	margin: 1rem 0rem .5rem 0.5rem;
}

.descargablescuatro{
	background-image: url(../img/home/iphone.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 20rem;
	margin: .5rem 0.5rem 1rem 0rem;
}

.descargablescinco{
	background-image: url(../img/home/sarlaf.jpg);
	background-repeat: no-repeat;
	background-position-x: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 20rem;
	margin: .5rem 0rem 1rem 0.5rem;
}

.descargablescaja{
	background: var(--azul1);
	width: 60%;
	border-radius: .5rem;
	padding: .5rem 0;
	margin-bottom: 1rem;
	font-size: 1rem;
	text-align: center;
	line-height: 1rem;
	min-width: 120px;
}

.descargablescaja:hover{
	background: var(--azul2);
	width: 60%;
	border-radius: .5rem;
	padding: .5rem 0;
	margin-bottom: 1rem;
	font-size: 1rem;
	text-align: center;
	line-height: 1rem;
	min-width: 120px;
}

.descargablescaja.dos{
	background: var(--azul1);
	width: 60%;
	border-radius: .5rem;
	padding: .6rem 0;
	margin-bottom: 1rem;
	text-align: center;
	line-height: .8rem;
}

.descargablescaja.dos:hover{
	background: var(--azul2);
	width: 60%;
	border-radius: .5rem;
	padding: .6rem 0;
	margin-bottom: 1rem;
	text-align: center;
	line-height: .8rem;
}

.descargablescaja a{
	color: white;
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos3-fontweight);
	text-decoration: none;
}

.descargablescaja a:hover{
	color:  var(--azul1);
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	text-decoration: none;
}


.asesor{
	text-align: center;
	font-size: .8rem;
	line-height: .8rem;
}



/* .descargablescaja{
	background: var(--azul1);
	color: var(--gris1);
	width: 60%;
	border-radius: .5rem;
	padding: .5rem 0;
	margin-bottom: 1rem;
	font-family: var(--titulos1-familia);
	font-size: 1rem;
	text-align: center;
	line-height: 1.2rem;
}

.descargablescaja a{
	color: var(--gris1);
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos7-fontweight);
	text-decoration: none;
}


.asesor{
	text-align: center;
	font-size: 1rem;
	line-height: .1rem;
}

a.asesor.doc{
	text-align: center;
	font-size: .9rem;
	line-height: .8rem;
} */


/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA CONTENIDOHOME3 */
/* ESTILOS PARA CONTENIDOHOME3 */
/* ESTILOS PARA CONTENIDOHOME3 */
/* ESTILOS PARA CONTENIDOHOME3 */

/* ------------------------------------------------------------------------------------------------- */

/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */
/* ESTILOS PARA FORMALPP */


.formalpp {
	background-color: var(--gris5);
}


.formales1{
	display: none;
}

.dropdown-uno{
	grid-area: formalcol1;
	text-align: center;
	display: flex;
	}


.formales3{
	grid-area: formalcol2;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-dos{
	grid-area: formalcol3;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales5{
	grid-area: formalcol4;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;

	}

.dropdown-tres{
	grid-area: formalcol5;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;

	}

.formales7{
	grid-area: formalcol6;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cuatro{
	grid-area: formalcol11;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.formales8{
	grid-area: formalcol8;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}
	
.dropdown-cinco{
	grid-area: formalcol7;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}


.formales10{
	grid-area: formalcol10;
	width: 70vw;
	height: 2px;
	background-color: var(--azul2);
	margin: auto;
	}

.dropdown-seis{
	grid-area: formalcol9;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}


.formales9{
	display: none;
}

.formalpp a{
	color: var(--gris2);
	line-height: 1rem;
	font-size: 1rem;
}

.formalpp i{
	color: var(--gris2);
	margin: 1.5rem;
}

.formales2 ul li ul{
	position: absolute;
	color: var(--gris2);
	background-color: var(--gris4);
	border-radius: 5px;
	font-size: .8rem;
	margin-top: 21.4rem;
	padding: 0 .5rem 1rem .5rem;
	left: 1rem;
	display: none;
	}

.formales2 ul li:hover ul{
	display: block;
		}
	
.letternorma:hover, .fas:hover{
	color: var(--azul2)
}	

.formales2 ul li ul li{
	width: 100%;
}

.formales2 ul li ul a{
	color:var(--gris2);
	/* background-color: blue; */
	width: 100%;
	padding: 0 1rem;
}

.formales2 ul li ul a:hover{
	color: var(--azul2);
	background-color:var(--gris5);
	width: 100%;
	/* display: none; */
		}

.formalpp i:hover{
	color: var(--azul2);
}

.fas.fa-phone-square-alt.fa-3x{
	color: var(--azul2);
}

.fas.fa-phone-square-alt.fa-3x:hover{
	color: white;
}
				
.fas.fa-users{
	font-size: 3rem;
}

.fa-shield-halved{
	font-size: 3.2rem;

}

/* ------------------------------------------------------------------------------------------------- */

		/* SUBMENU GOBIERNO */


.dropdown-uno, .dropdown-dos, .dropdown-tres, .dropdown-cuatro, .dropdown-cinco, .dropdown-seis{
display:inline-block;
position:relative;
margin: 0 auto;
text-align: center;
}

.dropdown-uno button{
border:none;
padding:0px 1px;
background-color: var(--gris5);
color: var(--gris2);
transition:.3s;
cursor:pointer;
font-size: 1rem;
font-family: var(--open);
font-weight: 100;
line-height: 1rem;
float: right;
position:relative;
top: 35px;
}

.dropdown-dos button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -30px;
	}

.dropdown-tres button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -43px;
	}

.dropdown-cinco button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -43px;
	}

.dropdown-cuatro button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--azul2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
	left: -14px;
	}
		
.dropdown-seis button{
	border:none;
	padding:0px 1px;
	background-color: var(--gris5);
	color: var(--gris2);
	transition:.3s;
	cursor:pointer;
	font-size: 1rem;
	font-family: var(--open);
	font-weight: 100;
	line-height: 1rem;
	float: right;
	position:relative;
	top: 35px;
left: -32px;
}


.dropdown-uno:hover button, .dropdown-dos:hover button, .dropdown-tres:hover button, .dropdown-cinco:hover button{
	color: var(--azul2);
	}
	
.dropdown-cuatro:hover button{
	color: white;
	}
		
.dropdown-uno div, .dropdown-dos div, .dropdown-tres div, .dropdown-cuatro div, .dropdown-cinco div{
background-color: white;
box-shadow:0 4px 8px rgba(0,0,0,0.2);
z-index:1;
border-radius: .5rem;
/* padding: 0 1rem; */
visibility:hidden;
position:absolute;
/* opacity:0; */
transition:.3s;
}

.dropdown-uno:hover div, .dropdown-dos:hover div, .dropdown-tres:hover div, .dropdown-cuatro:hover div, .dropdown-cinco:hover div{
visibility:visible;
opacity:1;
}

.dropdown-uno div a, .dropdown-dos div a, .dropdown-tres div a, .dropdown-cuatro div a, .dropdown-cinco div a{
display:block;
text-decoration:none;
padding:8px;
color:#000;
transition:.1s;
white-space:nowrap;
}

.dropdown-uno  div a:hover, .dropdown-dos div a:hover, .dropdown-tres  div a:hover, .dropdown-cuatro div a:hover, .dropdown-cinco div a:hover{
background-color: var(--gris4);
color:white;
}

.dropdown-uno div {
	left: 1.5rem;
}

.dropdown-dos div {
	left: 1.5rem;
}

.dropdown-tres div {
	left: 1.5rem;
}

.dropdown-cinco div {
	left: 5rem;
}


.dropdown-dos i{
margin-right: 4.2rem;	
}
	
.dropdown-cinco i{
	margin-right: 4.2rem;	
	}
	
.dropdown-tres i{
	margin-right: 4.8rem;	
	}
	
.dropdown-cuatro i{
	margin-right: 3rem;	
	}

	.dropdown-seis i{
		margin-right: 4.2rem;	
		}
		
					

/* ------------------------------------------------------------------------------------------------- */
	

/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */
/* ESTILOS PARA EL GRID DE DIRECCIONES */

footer{
	text-align: left;
	font-size: .7rem;
	/* display: flex; */
	/* justify-content: center; */

}

footer>div{
margin: 2rem 1rem;
}

footer h2{
	font-family: var(--titulos1-familia);
	font-weight: var(--titulos4-fontweight);
	text-align: left;
	margin-left: 2rem;
	color: var(--gris4);
}

h2.motel{
	font-weight: var(--titulos8-fontweight);
	text-align: left;


}

h2.direcciones{
	text-align: left;
 
}
/* ------------------------------------------------------------------------------------------------- */


.cajatitizq{
	margin-top: 1rem;
}





}