@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
/* CSS Document
font-family: 'Lato', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Bebas Neue';

	Color wall  theme:  
	////////////////////// 
dark turqueise #002F2F
meddle turqueise #008080
light turquese #00c0c0
*/ 
html{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	
	scroll-behavior: smooth;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	scroll-behavior: smooth;
	overflow-x: hidden;
}
.re{
	font-size: 15px;
font-family: 'Lato', sans-serif;
	font-weight: 200;
	color: #000;
}
/* Estilo para Webkit (Chrome, Safari) */
html::-webkit-scrollbar {
  display: none
}
html::-webkit-scrollbar-track {
    background: transparent; /* Color del fondo de la scrollbar */
}
html::-webkit-scrollbar-thumb {
    background: #fff; /* Color del "pulgar" de la scrollbar */
    border-radius: 6px; /* Bordes redondeados */
	box-shadow: 0px 0px 0px 0px #aaa;
	transition: 1s ease;
}
html::-webkit-scrollbar-thumb:hover {
    background: #eee; /* Color cuando se pasa el ratón */
} 
 
/*████ keyframes for moves ████████████████████████████████████████████████████████*/
@keyframes x {
  0% {
	 opacity: 0;
	  margin-top: 33px;
  }  
  100%{ 
	  opacity: 1;
	  margin-top: 0;
  }
}
@keyframes sideNavAnimation{
	0%{ 
		margin-left: 0vw; 
	} 
	100%{ 
		 margin-left: 100vw;  
	}
}
@keyframes sideNavContentAnimation{
	0%{ 
		opacity: 0; 
	}
	70%{ 
		  opacity: 0;  
	} 
	100%{ 
		  opacity: 1;  
	}
}
.SEO{
	display: none;
	height: 0px;
}

/*████ Start Desktop version  █████████████████████████████████████████████████████*/
/*##########################################################
 0.0 header
##########################################################*/ 
#header {
            position: fixed; /* Make the header fixed */
            top: -10vh; /* Start off-screen (hidden) */
            left: 0;
            right: 0;
            height: 10vh;
            background-color: #fff;
			border-bottom: 1px solid #eee; 
            transition: top 0.3s; /* Smooth transition for the header */
			z-index: 2;
			padding: 0 10vw;
	display: inline-flex;
	box-shadow: 1px 1px 121px 3px #ddd;
        }
.logotype{
	display: inline-flex; 
	height: 10vh;
	width: auto;
	margin: 0;
	padding: 0 13px;
}
.imgLogotype{
	width: 6vh;
	height: 6vh;  
	border-radius: 8px; 
	margin: 2vh 13px 2vh 0;
}
.nameLogotype{ 
	font-family: "Rubik";
	color: #002F2F;
	font-size: 33px;
	margin: auto 0;
}

/*##########################################################
 0.0 Top
##########################################################*/ 
  
#sideNav{ 
		display: none; 
	}	 
#top{ width: 100%; height: auto; background-color: transparent;}
.topHeader{
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
	background-color: white;
	padding: 0 10%;
	box-sizing: border-box;
}
.topHeaderItem{
	width: auto;
	height: auto;
	display: inline-flex;
	padding: 8px;
	float: right;
	text-decoration: none;
	background-color: #fff;
	border-radius: 13px;
	margin: 1vh 3px;
	box-shadow: 1px 1px 5px 1px #ccc;
}
.topHeaderItem img{ width: 21px; height: 21px; margin: 5px; }
.topHeaderItem p{ margin: 5px; color: #333; }
.bottomHeader{
	margin: 0;
	width: 100%;
	height: auto;
	display: inline-flex; 
	background-color: transparent;
	padding: 3px 0;
}
.desktopMenu{
	width: auto;
	height: auto;
	position: relative;
	float: right;
	display: inline-flex;
	margin: auto 0 auto auto;
}
a.dropbtn{
	transform: scale(1,1);
	font-family: 'Rubik';
	letter-spacing: 1px;
	font-size: 17px;
	font-weight: 500;
	color: #002F2F;
	height:40px;
	margin: 5px 21px;
	padding: 5px 0px;
	text-decoration: none;
	width: auto;
}
.dropbtn{ display: inline-flex; }
.dropbtn p{ margin: auto; padding: auto; }
.dropbtn img{ width: 21px; height:21px; margin: auto 5px; padding: auto; }
.dropdown-content{
	text-align: left;
	display: none;
	position: absolute;
	height: auto;
	background-color: #fff;
	left: -8px;
	top: 3px;
	animation: 0.5s ease x;
	z-index: 1;
	
}
.dropdown-content a{
	margin: 13px;
	padding: 8px 3px 0px 3px;
	width: auto;
	height: 30px;
	text-align: left;
	text-decoration: none;
	color: #000;
	transition: .5s ease;
	animation: zoom 1s ease;
	border-bottom: 1px solid #fff;
	display: inline-flex;
}
.dropdown-content a:hover{
	background-color: #eee;
	border-bottom: 1px solid #008080;
}
.dropdown-content img{ width: 33px; height: 21px; margin: 0 5px; }
.dropdown-content p{ margin: 0 auto 20px auto; font-size: 17px; }
.dropbtn:hover + .dropdown-content { display: inline-grid; }
.dropdown-content:hover{ display: inline-grid }
#mobileMenu{ display: none; }
.menuIcons{ width: 80%; height: auto; margin: auto; display: inline-flex; }
.menuIconsBox{ width: auto; height: auto; display: inline-flex; }
a.menuIconsItem{
	width: auto;
	height: auto;
	margin: 0px 8px;
	text-align: center;
	text-decoration: none;
	color: #aaa;
	font-family: "Rubik";
	padding: 3px 13px;
}
a.menuIconsItem:hover{
	text-decoration: none;
	color:#002020;
	background-color: rgba(255,255,255,0.30);
	border-radius: 13px;
	backdrop-filter: blur(4px); 
}
.menuIconsItem img{ width: 6vh; height: 6vh; }

/*##########################################################*/
 /*   0.1 items  */
/*##########################################################*/	

/* firstStage ##########################################################*/
.firstStage, .stage{
	width: 100vw; 
	height: auto; 
	background-color: white;
	display: block;
}
.titleSlider{
	margin: 0;
	padding: 21px 5% 0 5%;
		color: #333;
		font-size: 33px; 
}
  .carousel-container {
      position: relative;
      width: 100%;
	   
      margin: 0 auto;
      overflow: hidden;
    }
    .carousel-track {
		  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columnas */
  gap: 20px; /* espacio entre elementos */
  max-width: 90vw;
  margin: 0 5vw 5vh 5vw;
		
    }
    .carousel-item {
      width: 100%;
  display: grid;
  position: relative;
    }
    .carousel-item img{
	  width: 100%;
      height: 50vh; 
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
		margin: 0px;
    }
    .infoSlider{
      background: #111;
      height: 30vh;
      display: block;
      justify-content: right;
      align-items: right;
		margin: 0px;
		padding: 21px 0;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
	.info{
		width: 95%;
		position: absolute;
		margin-top: -21vh; 
		padding: 10px;
		display: block; 
		background-image: linear-gradient(rgba(17,17,17,0),rgba(17,17,17,0.8),rgba(17,17,17,0.8),rgba(17,17,17,1.5));
	}
	.titleInfo{ 
		color: white;
		font-size: 27px;
	}
	.noPrice{
      color: white; 
      font-size: 17px;
		text-decoration: line-through;
	margin: auto 21px auto 0;
	}
	.discount{	
	margin: auto auto auto 3px;
	background-color: #333; 
	color: turquoise;
	padding: 13px; 
	}
	.textInfo{
      color: gold; 
      font-size: 24px;
	}
	.btns{
	width: 100%; 
	display: flex;
}
	.buy{
	background-color: white;
		border-radius: 13px;
	color: #013535;
	margin: auto 21px auto auto;
	padding: 13px;
		font-weight: 900;
		text-decoration: none;
}
	.know{ 
	margin: auto auto auto 21px;
	color: white;
	padding: 13px;
		text-decoration: none;
	}
    .carousel-button {
    position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  color:#aaa;
 background-color: #ddd;
  width: 55px;
  height: 55px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 8px;
  z-index: 1; 
		font-family: "Nanum Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  display: none;
  /* Alinear flecha al centro
  display: flex;*/
  justify-content: center;
  align-items: center;
    }
    .carousel-button.prev {
      left: 0vw;
    }
    .carousel-button.next {
      right: 0vw;
    }
    /* Ocultar scrollbars */
    .carousel-track::-webkit-scrollbar {
      display: none;
    }
    .carousel-track {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/*##########################################################*/
 /*   0.1 Footer  */
/*##########################################################*/		
.footer{  
		width: 97vw;
		height: auto; 
		background-color: #EDF4F4;	
	margin: 1vh 1vw;
	border-radius: 13px;
	}		
.box_footer_son {
		margin-top: 13px; 
	}
.box_footer_son a{
	margin: 5px 0;
	color: blue;
		text-decoration: none;
	}
.title{
	color: #000;
	font-family: "Rubik";
}
.box_footer_son img{
	width: 233px;
	height: 233px;
	}
.box_footer_father{
	display: inline-flex;
	width: 100%;
	height: auto;
		}
.box_footer_son{
	display: inline-grid;
	width: 20%;
	margin: 2.5%;
	height: auto;
		}
.div-flex{
	display: inline-flex;
}
.flex{
	display: inline-flex;
}
.div-flex img{
	width: 36px;
	height: 36px;
	margin: 1px;
}
.div-flex a{ 
	text-decoration: none;
	margin: 8px  ;
}

/*##########################################################*/
 /*   0.1 Bottoms  */
/*##########################################################*/	
.bottom{ 
	border-top: 2px solid  #D5E5E5;
	width: 80vw;
	height: auto;
	margin: 0 10vw;
	text-align: center;
	padding: 13px;
}
 



/*##########################################################*/
 /*   0.1 Cart  */
/*##########################################################*/	
.cart{
	width: 100px;
	height: 100px;
	position: fixed;
	background-image: linear-gradient(#00c0c0,#008080);
	bottom: 10%;
	right: 0;
	z-index: 99;
	text-decoration: none;
	border-bottom-left-radius: 13px;
	border-top-left-radius: 13px;
	text-align: center; 
}
.count{
	font-size: 21px;
	font-weight: 900; 
	margin-left: 45px;
	margin-top: 35px;
	position: absolute;
	color: goldenrod;
}
.cart img{
	width: 55px;
	height: 55px;
	margin-top: 21%;
}









/* Mobile V 0.0.1  */
@media (max-width: 767px){
/*##########################################################
 0.0 header
##########################################################*/ 
#header {
            position: fixed; /* Make the header fixed */
            top: -10vh; /* Start off-screen (hidden) */
            left: 0;
            right: 0;
            height: 10vh;
            background-color: #fff;
			border-bottom: 1px solid #eee; 
            transition: top 0.3s; /* Smooth transition for the header */
		 
			padding: 0 0vw;
			display: inline-flex;
        }
 
/*##########################################################
 0.0 top
##########################################################*/ 
#top{
	width: 100%;
	height: auto;
	padding: 13px 0 0 0 ;
	border-bottom: 1px solid #eee;
}
.topHeader{
	width: 100%;
	height: 10vh;
	margin: 0; 
	border-bottom: 1px solid #eee;
	display: inline-flex;
	background-color: #fff;
	position: absolute;
	top: 0; 
	
}
.topHeaderItem{
		display: none;
	height: 0;
	}	
.bottomHeader{
	margin: 0 0% 0 0%;
	width: 100%;
	height: 100%; 
	display: inline-flex; 
}	
.desktopMenu{  
	display:none;  
}	  
#mobileMenu{  
	display: flex;
	margin: auto 1% auto auto;
	padding: 0;
	text-decoration: none;
	position: absolute; 
	right: 2vw;
	top: 1vh;
	width: 8vh;
	height: 8vh;
}	
#menu{
	border-radius: 5px;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	}	
	
/* menu icons */
.menuIcons{
	width: 95%;
	height: auto;
	margin: auto;  
	padding-top: 13px;
	margin-top: 6vh;
	padding-bottom: -5vh;
	overflow-x: scroll;
	display: inline-flex;  
} 
/* Estilo para Webkit (Chrome, Safari) */
.menuIcons::-webkit-scrollbar {
    height: 5px;
}
.menuIcons::-webkit-scrollbar-track {
    background: transparent; /* Color del fondo de la scrollbar */
}
.menuIcons::-webkit-scrollbar-thumb {
    background: #fff; /* Color del "pulgar" de la scrollbar */
    border-radius: 6px; /* Bordes redondeados */
	box-shadow: 1px 1px 5px 3px #aaa;
	transition: 1s ease;
	width: 3px;
}
.menuIcons::-webkit-scrollbar-thumb:hover {
    background: #eee; /* Color cuando se pasa el ratón */
} 		
.menuIconsBox{
	width: 100%;
	height: auto;
} 
a.menuIconsItem{
	width: 25%;
	height: auto; 
	margin: 5px 8px;
	text-align: center;
	text-decoration: none;  
	padding:  3px;
}
a.menuIconsItem:hover{
	text-decoration: none;
	color: #00c0c0;
	background-color: #eee;
	border-radius: 13px;
}	
a.menuIconsItem p{ 
	margin: 0px ; 
	padding: 0px;
}
.menuIconsItem img{
	width: 6vh;
	height: 6vh;
	margin: 0px;
	}
 	
/*SIDENAV for mobile*/	
#sideNav{
		width: 100%;
		height: 100%; 
		display: block;
		position: fixed; 
		top: 0;
	    transition:  0.3s ease;
		background-color: #fff;
	   margin-left: 100vw;
	}	
#sideNavContent{
		width: 100%;
		height: 100%;   
		background-color: transparent; 
	}
.sideNavInside{
		width: 100%;
		height: 100%;
		margin: 0; 
		overflow: hidden; 
		background-color: transparent;
	}
.sideNavTop{
		width: 100%;
		height: auto;
		background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));
		backdrop-filter: blur(2px);
		overflow-y: hidden;
	}
.sideNavTopBar{
		width: auto;
		height: auto; 
		margin: 8px;
		float: right;
		overflow-y: hidden;
		display: inline-flex;
	}
.sideNavTopBarBall{
		width: 33px;
		height: 33px;
		float: right;
		background-image: linear-gradient(0rad,#ccc,#eee);
		border-radius: 50%;
		margin: 5px;
	}
.sideNavTopBarCloseBall{
		margin: 8px 5px 5px 5px;
		width: 33px;
		height: 33px;
		float: right;
		background-image: linear-gradient(45rad,#c90000,#d90000);
		border-radius: 5px;
		text-decoration: none;
	display: flex;
	}
.sideNavTopBarCloseBall p{ 
		margin: 1px auto auto auto;
	 	color: white;
		display: block;
	    font-size: 1.5em;
		font-weight: 600;	
	}	
.sideNavBody{ 
	width: 200%;
		height: auto;
		background-color: transparent;
		display:inline-flex;
		border-top: 1px solid #ddd;
		overflow-y: hidden; 
	}
.sideNavimg{
		width: 30vh;
		height:30vh;
	margin: 8px auto 0 auto;
	} 	
#sideNaveFirstMenu{
		width: 100%;
		height:100vh;
		background-color: #eee; 
		position: relative;
		overflow: hidden;
	}
.sideNavItem{  
		height: 60px;
		display: flex;
		text-decoration: none; 
		overflow-y: hidden; 
	margin:  0px 21px;
	padding: 0px;
	}
.sideNavItem img{
		overflow-y: hidden;
		width: 21px;
		height: 21px;
		padding: 5px 5px;
	}
.sideNavItem p{
		margin-top: 8px;
		overflow-y: hidden;
		color: #666;
		padding: -1px 5px 0px 5px;
		font-weight: 700;
		font-size: 17px;
		font-family: 'Rubik', sans-serif;
	} 
.sideNavActualItem{
		width: 99%; 
		height: 50px;
		display: inline-flex;
		margin: 3px 0px;
		padding: 5px;
		background-color: white;
		text-decoration: none; 
		overflow-y: hidden;
		border-radius: 8px;
	}
.sideNavActualItem img{
		overflow-y: hidden;
		width: 33px;
		height: 33px;
		padding: 5px 5px;
	}
.sideNavActualItem p{	
		margin-top: 8px;
		overflow-y: hidden;
		color: #333;
		padding: -1px 5px 0px 5px;
		font-weight: 700;
		font-size: 21px;
		font-family: 'Rubik', sans-serif;
	} 
.sideNavActualItem p:hover{
		color: green;
		transition: ease 1s; 
	}
.sideNavItem p:hover{
		color: #999; 
		transition: ease 1s;
	}
/*   Sub Menu */
#sideNavSecondMenu{ 
		width: 100%;
		height:100vh;
		background-color: #fff; 
		position: relative;
		left: 0%;
		transition: 0.15s ease;
		overflow: hidden;
	}
#sideNavSecondMenuInsideOne{
			width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow: hidden;  
	} 
#sideNavSecondMenuInsideTwo{
			width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow: hidden; 
	} 
#sideNavSecondMenuInsideThree{
			width: 100%;  
		height: auto;
		display: none;
		margin: 0px;
		text-decoration: none; 
		overflow: hidden; 
	} 
/* ##### */
.sideNavSecondMenuItem{
		margin: 0;
		background-color: #eee;
		height: auto;
		width: 100%; 
		padding: 3px; 
		overflow-y: hidden;
		display: inline-flex;
		text-decoration: none;
		border-bottom: 1px #ddd solid;
	} 
.icon{
		width: auto; 
		height: auto; 
		padding: 0;
	}
.icon img{  
		width: 33px;
		height: 33px;
		display: block;
		margin: auto auto auto auto;
		
	}
.sideNavSecondMenuItem img{
		  width: 33px;
	 	 height: 33px;
		 margin: 8px;
	}
.sideNavSecondMenuItem h4{ 
		 color: #777;
		 margin: auto 13px;
		 padding-left: 1px;
		 font-weight: 700;
		 font-size: 21px;
	}
.option{ 
		 color: #777;
		 margin: auto 13px;
		 padding-left: 1px;
		 font-weight: 700;
		 font-size: 21px;
	}
.sideNavSecondMenuActualItem{
		margin: auto 0; 
		height: auto;
		width: 100%; 
		padding:13px 8px; 
		overflow-y: hidden;
		display: inline-flex;
		text-decoration: none;
		border-bottom: 1px #ddd solid; 
	} 
.sideNavSecondMenuActualItem img{
		  width: 33px;
	 	 height: 33px;
		 margin: 8px;
	}
.sideNavSecondMenuActualItem h4{ 
		 color: #777;
		 margin: auto 13px;
		 padding-left: 1px;
		 font-weight: 700;
		 font-size: 21px;
	} 
/* Language */	
a.dropbtn{ 
	transform: scale(1,1);
	font-family: 'Rubik';
	letter-spacing: 1px; 
	font-size: 17px;
	font-weight: 500;
	color:  #002F2F;
	height:40px;
	margin:  5px 21px;
	padding: 5px 0px;
	text-decoration: none;
	width: auto;
	}
.languaje{
	width: 100vw; 
	}	
.dropbtn{
	display: inline-flex;
	width: 100vw; 
}
.dropbtn p{  
	margin: auto;
	padding: auto;
	}
.dropbtn img{ 
	width: 21px;
	height:21px;
	margin: auto 5px;
	padding: auto;
	}
.dropdown-content{
	text-align: left; 
	display: none;
	position: absolute;
	height: auto;
	width: 75%;
	background-color: #fefefe;
	border-radius: 21px;
	left: 13px;
	top: 233px;
	animation: 0.5s ease x;
	z-index: 1;
}
.dropdown-content a{  
	margin: 13px;
	padding: 8px 3px 0px 3px;
	width: auto;
	height: 30px; 
	text-align: left;
	text-decoration: none;
	color: #000;
	transition: .5s ease;   
	animation: zoom 1s ease;
	border-bottom: 1px solid #ddd;
	display: inline-flex;
}
.dropdown-content a:hover{
	background-color: #eee;
	border-bottom: 1px solid #008080;
} 
.dropdown-content img{
	width: 33px;
	height: 21px;
	margin: 0 5px;
}
.dropdown-content p{
	margin: auto 0px;
	font-size: 17px;
}
.dropbtn:hover + .dropdown-content {
  display: inline-grid;
}
.dropdown-content:hover{
	 display: inline-grid
} 	
 

/* firstStage ##########################################################*/
.firstStage, .stage{
	width: 100vw; 
	height: auto; 
	background-color: white;
	display: block;
}
.titleSlider{
	margin: 0;
	padding: 21px 5% 0 5%;
		color: #333;
		font-size: 33px; 
}
  .carousel-container {
      position: relative;
      width: 100%;
	   
      margin: 0 auto;
      overflow: hidden;
    }
    .carousel-track {
		  display: grid;
  grid-template-columns: repeat(1, 1fr); /* 3 columnas */
  gap: 20px; /* espacio entre elementos */
  max-width: 90vw;
  margin: 0 5vw 5vh 5vw;
		
    }
    .carousel-item {
      width: 100%;
  display: grid;
  position: relative;
    }
    .carousel-item img{
	  width: 100%;
      height: 50vh; 
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
		margin: 0px;
    }
    .infoSlider{
      background: #111;
      height: 30vh;
      display: block;
      justify-content: right;
      align-items: right;
		margin: 0px;
		padding: 21px 0;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
    }
	.info{
		width: 95%;
		position: absolute;
		margin-top: -21vh; 
		padding: 10px;
		display: block; 
		background-image: linear-gradient(rgba(17,17,17,0),rgba(17,17,17,0.8),rgba(17,17,17,0.8),rgba(17,17,17,1.5));
	}
	.titleInfo{ 
		color: white;
		font-size: 27px;
	}
	.noPrice{
      color: white; 
      font-size: 17px;
		text-decoration: line-through;
	margin: auto 21px auto 0;
	}
	.discount{	
	margin: auto auto auto 3px;
	background-color: #333; 
	color: turquoise;
	padding: 13px; 
	}
	.textInfo{
      color: gold; 
      font-size: 24px;
	}
	.btns{
	width: 100%; 
	display: flex;
}
	.buy{
	background-color: white;
		border-radius: 13px;
	color: #013535;
	margin: auto 21px auto auto;
	padding: 13px;
		font-weight: 900;
		text-decoration: none;
}
	.know{ 
	margin: auto auto auto 21px;
	color: white;
	padding: 13px;
		text-decoration: none;
	}
    .carousel-button {
    position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  color:#aaa;
 background-color: #ddd;
  width: 55px;
  height: 55px;
  font-size: 24px;
  cursor: pointer;
  border-radius: 8px;
  z-index: 1; 
		font-family: "Nanum Gothic", sans-serif;
  font-weight: 900;
  font-style: normal;
  display: none;
  /* Alinear flecha al centro
  display: flex;*/
  justify-content: center;
  align-items: center;
    }
    .carousel-button.prev {
      left: 0vw;
    }
    .carousel-button.next {
      right: 0vw;
    }
    /* Ocultar scrollbars */
    .carousel-track::-webkit-scrollbar {
      display: none;
    }
    .carousel-track {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

	
 
/*██████████████████████████████████████████████████████████*/
 /*   0.0 Footer  */
/*██████████████████████████████████████████████████████████*/
.footer{ 
		width: 96vw;
		height: auto; 
		background-color: #EDF4F4;	
	margin: 1vh 1vw;
	border-radius: 13px;
	}		
	.box_footer_father{
	display: inline-grid;
	width: 100%;
	height: auto;
		padding: 1% 10%;
		}
	.box_footer_son{
	display: inline-grid;
	width: 100%;
	margin: 0%;
	height: auto;
		}			
	.box_footer_son a{
	margin: 8px;
		font-size: 18px;
	}
	/*##########################################################*/
 /*   0.1 Bottoms  */
/*##########################################################*/	
.bottom{ 
	border-top: 2px solid  #D5E5E5;
	width: 85%;
	height: auto;
	margin: 0 5%;
	text-align: center;
	padding: 13px;
}
 
 
/*##########################################################*/
 /*   0.1 Cart  */
/*##########################################################*/	
.cart{
	width: 80px;
	height: 80px;
	position: fixed;
	background-image: linear-gradient(#00c0c0,#008080);
	bottom: 0%;
	right: 0;
	z-index: 99;
	text-decoration: none;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 13px;
	border-top-right-radius: 0px;
	text-align: center; 
}
.count{
	font-size: 21px;
	font-weight: 900; 
	margin-left: 35px;
	margin-top: 30px;
	position: absolute;
	color: goldenrod;
}
.cart img{
	width: 55px;
	height: 55px;
	margin-top: 21%;
}

 




}









/* ==========================================================================
   REDISEÑO VISUAL · landing/listado de tours (blanco · gris · turquesa)
   ========================================================================== */
:root{
  --yk-ink:#002F2F; --yk-teal:#008080; --yk-teal-light:#00c0c0;
  --yk-line:#dde6e6; --yk-bg:#f4f7f7; --yk-muted:#5f7373;
}

/* Secciones claras + títulos de sección */
.firstStage, .stage{ background:var(--yk-bg) !important; }
.titleSlider{ color:var(--yk-ink) !important; text-transform:uppercase; letter-spacing:2px; font-weight:300; }

/* Hero (index) */
#titleTours{ letter-spacing:2px; text-transform:uppercase; font-weight:300; }
#btn{
  background:var(--yk-ink) !important; color:#fff !important; border-radius:0 !important; box-shadow:none !important;
  letter-spacing:2px; text-transform:uppercase; font-size:14px !important; font-weight:600; padding:16px 40px !important;
}
#btn:hover{ background:var(--yk-teal) !important; color:#fff !important; }

/* Cards del carrusel: esquinas rectas */
.carousel-item img{ border-top-left-radius:0 !important; border-top-right-radius:0 !important; }
.infoSlider{ border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }

/* Overlay de info: acentos turquesa */
.textInfo{ color:var(--yk-teal-light) !important; }        /* precio */
.discount{ background:var(--yk-teal) !important; color:#fff !important; border-radius:0 !important; }
.titleInfo{ letter-spacing:.3px; }

/* Botones de la card */
.buy{
  background:var(--yk-ink) !important; color:#fff !important; border-radius:0 !important;
  text-transform:uppercase; letter-spacing:1.5px; font-size:13px; font-weight:600; transition:.3s ease;
}
.buy:hover{ background:var(--yk-teal) !important; color:#fff !important; }
.know{ text-transform:uppercase; letter-spacing:1.5px; font-size:12px; }

/* Flechas del carrusel */
.carousel-button{ background:rgba(255,255,255,.92) !important; color:var(--yk-ink) !important; border-radius:0 !important; }
.carousel-button:hover{ background:var(--yk-teal) !important; color:#fff !important; }

/* Accesos item1 */
.item1{ border-radius:0 !important; }

/* ==========================================================================
   Padding lateral homogeneo: header / top / contenido / footer
   desktop 5% · tablet-movil 2%
   ========================================================================== */
:root{ --side-pad:5%; }
@media (max-width:1024px){ :root{ --side-pad:2%; } }
#header{ padding-left:var(--side-pad) !important; padding-right:var(--side-pad) !important; box-sizing:border-box; }
.topHeader{ margin:0 !important; width:100% !important; padding-left:var(--side-pad) !important; padding-right:var(--side-pad) !important; box-sizing:border-box; }
.titleSlider,.titleItems{ padding-left:var(--side-pad) !important; padding-right:var(--side-pad) !important; }
.carousel-track{ max-width:none !important; margin-left:var(--side-pad) !important; margin-right:var(--side-pad) !important; }
.itemsInside{ width:auto !important; margin-left:var(--side-pad) !important; margin-right:var(--side-pad) !important; box-sizing:border-box; }
.productsInside{ width:auto !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-left:var(--side-pad) !important; padding-right:var(--side-pad) !important; box-sizing:border-box; }
.footer{ width:auto !important; margin-left:var(--side-pad) !important; margin-right:var(--side-pad) !important; box-sizing:border-box; }
.footer .box_footer_father{ padding-left:0 !important; padding-right:0 !important; }
.footer .bottom{ width:auto !important; margin-left:0 !important; margin-right:0 !important; }