/*
    font-family: 'gt_alpina_typewriterbold';
    font-family: 'gt_alpina_typewriterlight';
    font-family: 'gt_alpina_typewriterLtIt';
    font-family: 'numbers_deuceregular';
    font-family: 'Sohne Breit Kursiv';
    font-family: 'Sohne Breit Leitch';
*/


* { padding: 0px; margin: 0px; }
.clear { clear: both; }
@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}


.fullcenter { position: absolute; top: 49%; left: 50%; transform: translateX(-50%) translateY(-50%); }
body { font-size: 1.1vw; background-size: 100%; background-position: center top; 
	color: #000; font-family: 'gt_alpina_typewriterlight',courier; background-color: #bfaf9a; 
	line-height: 1.3em; overflow-x: hidden; }

.body_home { background-color: #bfaf9a;  }
.body_carta { background-color: #f6b6b7 !important;  }
.body_vinos { background-color: #e94f2a !important;  }

#menubot { position: fixed; top:3%; left:50%; transform: translateX(-50%); transition: all 0.4s; 
	animation-timing-function: ease-in-out;
	display: inline-block;font-family: 'gt_alpina_typewriterLtIt'; cursor: pointer; transform-origin: center;
	font-size: 1.9em; border-bottom: 1px solid #000; padding-bottom: 5px; z-index: 9; }
#menubot:hover { transform: translateX(-50%) scale(1.065); }

#menubot img { position: relative; height: 0.7em; }
#menubot p { display: inline-block; }
#menubot.setpage0 { opacity: 0; }

#menu { position: fixed; top:-100%; width: 100%; height: 100%; background-color: #e94f2b;
transition: all 0.4s; animation-timing-function: ease-in-out; z-index: 10; overflow: hidden;}
#menu #menubot { opacity: 1; position: absolute; }
#menu.show { top:0px !important; }

#menu ul { position: absolute; text-align: center; list-style: none; left:50%; top:50%; 
	transform: translateX(-50%) translateY(-50%); font-size: 4em; line-height: 1.3em; }
#menu li { position: relative; transform-origin: center; transition: all 1s; animation-timing-function: ease-in-out;}
#menu a { display: inline-block; text-decoration: none; color:inherit; }


#qrmenu { position: fixed; top:0%; width: 100%; height: 100%; background-color: #e94f2b;
transition: all 0.4s; animation-timing-function: ease-in-out; z-index: 10; overflow: hidden;}
#qrmenu #qrmenubot { opacity: 1; position: absolute; }
#qrmenu.show { top:0px !important; }

#qrmenu ul { position: absolute; text-align: center; list-style: none; left:50%; top:50%; font-family: 'Sohne Breit Leitch';
	transform: translateX(-50%) translateY(-50%); font-size: 4em; line-height: 1.5em; }
#qrmenu li { position: relative; transform-origin: center; transition: all 1s; animation-timing-function: ease-in-out;}
#qrmenu a { display: inline-block; text-decoration: none; color:inherit; }

#lohoqrmenu1 { position: fixed; left: 37%; width: 25%; top:35%; z-index: 2; transition: all 1.4s;
	transform-origin: center;  transform: translateY(-50%) rotateZ(0deg); animation: fadein 1s; }
#lohoqrmenu2 { position: fixed; right: 37.5%; width: 25%; top:36%; z-index: 2; transition: all 1.4s;
	transform-origin: center;  transform: translateY(-50%) rotateZ(190deg); animation: fadein 1s; }
#qrmenuslogan { position: fixed; width: 9%; bottom: 20%; left: 50%; transform: translateX(-50%) translateY(50%) rotateZ(10deg); 
	transition: all 1.4s;animation: fadein 1.6s;}

#qrfecha { position: fixed; width: 28%; top: 5%; right: 8%; width: 40%; font-size: 1.4em; transition: all 1.4s;
	white-space: nowrap; text-align: right; display: inline-block; opacity: 0; }
#qrmenu ul { opacity: 0; transition: all 1.4s;}


.showqr #lohoqrmenu1 { left: -0.5em; width: 25%; top:-0.2em; z-index: 2; 
	transform-origin: center;  transform: rotateZ(55deg); animation: fadein 1s; }
.showqr #lohoqrmenu2 { right: -0.3em; width: 25%; top: 52% !important;   z-index: 2; 
	transform-origin: center; transform: rotateZ(230deg); animation: fadein 1s; }

.showqr #qrmenuslogan {  bottom: 0px; left:0px; transform: none; }
.showqr #qrfecha {  opacity: 1; }
.showqr ul { opacity: 1 !important; }

.menufont1 { transform: rotateZ(10deg);  }
.menufont2 { transform: rotateZ(-10deg); font-family: 'Sohne Breit Leitch'; }
.menufont3 { transform: rotateZ(3deg);  }
.menufont4 { transform: rotateZ(5deg); font-family: 'Sohne Breit Leitch'; }
.show .menufont1 {  transform: rotateZ(-5deg); }
.show .menufont2 {  transform: rotateZ(5deg);font-family: 'Sohne Breit Leitch'; }
.show .menufont3 {  transform: rotateZ(1deg); }
.show .menufont4 {  transform: rotateZ(-5deg);font-family: 'Sohne Breit Leitch'; }

#menuimg1 { width: 8%; position: absolute; top:-1%; left:-0.1%; }
#menuimg2 {width: 8%; position: absolute; bottom:-1%; right:-0.1%; transform-origin: center; 
transform: rotateZ(180deg); }


#menu li:hover { transform: rotateZ(0deg); }

#scrollbot { position: absolute; bottom:6.5%; text-align: center; left:50%; transform: translateX(-50%); 
	display: inline-block;font-family: 'gt_alpina_typewriterLtIt'; line-height: 1.5em;
	font-size: 1.9em; transition: all 1s; animation-timing-function: ease-in-out; opacity: 0;}
#scrollbot img { position: relative; height: 0.7em; }
#scrollbot.setpage0 { opacity: 1; }

#langbots { position: fixed; top:2.5%; right:2%;   z-index: 10; width: 35%; text-align: right;
	display: inline-block;font-family: 'Sohne Breit Leitch';
	font-size: 1em; }
#langbots a { display: inline-block; color:inherit; text-decoration: none; padding: 0.1em; }
.sel {  color:inherit; font-style: italic;}
#langbots a, #langbots span { display: inline-block !important; }
#langbots span { padding: 0px 0.4em 0px 0.5em; }

#logo1 {left: 0% ; margin-left: -0.1% ; width: 6.6375%; transform: translateY(-50%);top:50%;position: fixed;
	transition: all 1s; animation-timing-function: ease-in-out; z-index: 10; animation: fadein 2s;}
#logo2 {left: inherit ; right: -28.7% ; margin-left: -0% ; transform: translateY(-50%);top:50%; width: 37.365%; 
	position: fixed;transition: all 1s;animation-timing-function: ease-in-out; z-index: 10; animation: fadein 2s;}

#logo1.setpage0 {  left: 50%; margin-left: -21%;}
#logo2.setpage0 {  right: 28.7%;  margin-left: -16%;}

#logo1.setpage1 {left: 0% !important; margin-left: -0.1% !important; }
#logo2.setpage1 {left: inherit !important; right: -0.1% !important; margin-left: -0% !important;  }

#logo2.setpage2 {left: inherit !important; right: -0.1% !important; margin-left: -0% !important;  }


#logoc { background-color: #ff0000; transform-origin: left top; transition: all 1s; animation-timing-function: ease-in-out;
	transform: translateX(-3%) translateY(5%) rotateZ(-15deg); }
.setpage0 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}
.setpage1 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}
.setpage2 #logoc {  transform: translateX(0%) translateY(0%) rotateZ(0deg);}


#homeimg { position: fixed; bottom:145%; transition: all 1s; animation-timing-function: ease-in-out;
 left:40%; width: 40%; height: 0%; padding-top: 26%; transform: translateX(-50%); }
#homeimg1 { width: 75%; top: 0px; position: absolute; transform-origin: center; transform: rotateZ(5deg); }
#homeimg2 { width: 18%; position: absolute; left: 74.5%; top: 50%; transform-origin: center; transform: rotateZ(0deg);}

#homeimg.setpage0 { bottom:-80%; }
#homeimg.setpage1 { bottom:50%; transform: translateX(-50%) translateY(50%); }
#homeimg.setpage2 { bottom:-5%; }

/* paginacion */
.pagecontainer { position: fixed; top:0px; left:0px;  width: 100%; height: 100%; overflow: hidden; overscroll-behavior: none  }
.pagecontainer2 { position: relative; top:0px; left:0px;  width: 100%;  overscroll-behavior: none } 

.pagegroup { position: fixed; top:0px; left:0px; width: 100%; height: 100000px; overscroll-behavior: none }
.pagegroup2 { position: relative; top:0px; left:0px; width: 100%; height: auto; overscroll-behavior: none }

.page { width: 100%; position: relative; height: 1000px; display: block; overflow: hidden; }
.pagerel { width: 100%; position: relative; height: auto; display: block; }
.prodpage { width: 100%; position: relative; ; }
.prodpage .pagecenterauto { padding: 40px 0px; border-bottom: 3px solid; }

#page2 .pagecontent { position: absolute; width: 46.5%; top:16%; left:10%; }
#page3 .pagecontent { position: absolute; width: 84%; top:47%; left:50%; transform: translateX(-50%); }
#page4 .pagecontent { position: absolute; width: 84%; top:47%; left:50%; transform: translateX(-50%); }
#page5 .pagecontent { position: absolute; width: 84%; top:23%; left:50%; transform: translateX(-50%); }
#page6 .pagecontent { position: absolute; width: 84%; top:23%; left:50%; transform: translateX(-50%); }

.pagecontent strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; }
.content_img { position: absolute; transform-origin: center; }
#page3 .content_img { width: 36%; transform: rotateZ(-5deg); left:0.5%; top:2%; }
#page4 .content_img { width: 41%; left:0%; bottom:-1%; }
#page6 .content_img { width: 32%; left:5%; bottom:18.2%; transform: rotateZ(-11deg); }

.content_col1 { position: absolute; right: 65%; width: 40%; text-align: right;  top:0px; font-size: 3.8em;  font-family: 'Sohne Breit Leitch'; }
.content_col2{ position: absolute; left: 38%; width: 45%; margin-left: 5%; top:0px;  }
.content_col3{ position: absolute; left: 38%; width: 45%; margin-left: 5%; top:0px;  }
.content_col3 a { color: inherit; }
.content_col3 strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; }

#page5 .content_col1 { right: 58%;  }
#page5 .content_col2 { left: 45%;  width: 30%;}

#page6 .content_col1 { right: 70%; width: 30%;  }
#page6 .content_col2 { left: 31%; width: 45%; line-height: 3.4em; margin-top: -0.9%;}
#page6 .content_col3 { left: 61%; width: 28%; margin-top: 0.7%;}



.content_bot1 {font-family: 'Sohne Breit Leitch'; font-size: 1.5em; cursor: pointer; 
	text-decoration: none; color: inherit; margin-top: 1em;
	position: relative; display: inline-block; }
.content_bot1 img { position: absolute; right: -1.1em; top: 62%;  height: 0.7em; transition: all 0.3s;
transform: translateY(-50%); 
	animation-timing-function: ease-in-out; }
.content_bot1:hover img { right: -1.4em; }

#prodslider { position: absolute; top:0px; width: 100%; height: 100%; left:0px; overflow: hidden; }
#prodswrapper { position: absolute; top:0px; width: 600%; height: 100%; left:0px; z-index: 0; }
.prod { float: left; width: 600px; height: 100%;   position: relative; overflow: hidden; }
.prod .content_img {  position: absolute; transform-origin: center; width: 34% !important; 
	transform: rotateZ(-5deg); right:56%; bottom:2%;}
.proddesc { position: absolute; top:55%; left:50.2%; }
.prodtit { font-family: 'Sohne Breit Leitch'; font-size: 2em; line-height: 1em;  }
.prodsubtit { padding-top: 1em; }

#prodsflechas { position: absolute; top:72%; width: 20%; left:50.2%; z-index: 1; }
.prodfll, .prodflr { display: inline-block; cursor: pointer; transition: all 0.4s; }
.prodflr { margin-left: 3%; }
.prodfll img {height: 1.5em;}
.prodflr img {height: 1.5em;}

.finalpage .prod .content_img { bottom:15%; width: 25% !important;  }

.expotit1 { font-family: 'Sohne Breit Leitch'; font-size: 2.9em;  }
.expotit2 { font-family: 'numbers_deuceregular'; font-size: 2.9em; margin-top: 1%;  }
.expotit3 { font-family: 'gt_alpina_typewriterLtIt'; font-size: 2.9em;  }


#footer { position: absolute; bottom:0px; width: 100%; height: 13%; }
.footerline { position: absolute; width: 100%; left:0px; height: 50%; border-top: 1px solid #000; }
.footerline1 { top:0px; }
.footerline2 { top:50%; font-size: 0.8em; }
.footerline2 div { width: 90%; text-align: center; }
.footerline2 strong { font-family: 'Sohne Breit Leitch'; text-decoration: underline; font-weight: normal; }

#footer ul { position: absolute; top:50%; left:50%; list-style: none; font-size: 1.4em;
	transform: translateX(-50%) translateY(-50%);font-style: italic; width: 80%; text-align: center; }
#footer ul li { display: inline-block; margin-left: -0.8%; }
#footer ul a { display: block; text-decoration: none; color:inherit; white-space: nowrap; 
	padding: 0px 10% 0px 0%; font-style: italic; }
#footer ul a p { display: inline-block; }
#footerlogo { position: absolute; width: 1.8%;  left:3%; top:50%; cursor: pointer;
	transform: translateX(-50%) translateY(-50%);}

.footerline2 a { text-decoration: underline !important; color:inherit; }
/*CARTA*/

.prodsupertit { font-family: 'Sohne Breit Leitch'; margin-top: 8.8em; width: 100%; text-align: center; }
.prodsupertit h1 { font-size:3.8em; font-weight: normal;  }

.cartaprods { width: 60%; left: 50%; position: relative; transform: translateX(-50%);
	margin-top:7em;
}
.cartaprod {  border-top: 1px solid #000; width: 100%; position: relative; font-size: 1.6em; 
	padding-bottom: 1.4em; }
.cartaprod .ptit { padding: 0.5em 0px; width: 60%; float: left;  }
.cartaprod strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; }
.cartaprodbot { padding: 0.3em 0.4em; font-size: 0.86em; margin-top: 0.8em;
 font-style: italic; border: 1px solid #000; display: inline-block; cursor: pointer;
 transition: all 0.3s; float: left;}
 .cartaprodbot p { display: inline-block; }
.cartaprodbot:hover { background-color: #000; color:#f6b6b7; }
.postrespage .cartaprodbot:hover { background-color: #000; color:#bfaf9a !important; }

.cartaprodpvp { position: absolute; right: 0.1em; top:0.4em; font-style: italic; text-align: right;
line-height: 1em; }

#footerauto { position: relative; width: 100%; margin-top: 5em;  }
#footerauto #footer { position: relative; bottom:0px; width: 100%; height: 7em; }

#cartampli { position: fixed; width: 100%; height: 100%; z-index: 99; background-color: #1b1b1b; color: #fff;
	left: 0px; top: -100%; transition: all 0.6s; animation-timing-function: ease-in-out; overflow: hidden;
 }
.amplishow { top:0px !important; }
#cartaclose { position: absolute; top:2em; transform-origin: center;
	right: 2em; width: 3%; cursor: pointer; transition: all 0.5s; animation-timing-function: ease-in-out;}
#cartaclose:hover { transform: scale(1.1); }
#cartamplitxt { position: absolute; left:10%; width: 29%; top:46%; transform: translateY(-50%); }
#cartamplitxt h1 { font-size: 3em; font-weight: normal; line-height: 0.9em; padding-bottom: 0.85em;}
#cartamplitxt strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; }
#cartamplifotos { position: absolute; width: 50%; bottom: -2.5em; height: 0px; padding-top: 33%;
 right: -2em;transition: all 1s; animation-timing-function: ease-in-out;
transform-origin: left bottom;
	transform: rotateZ(-15deg);
 }
#cartamplifotos img { position: absolute; top:0px; left:0px; width: 100%; }


/*VINOS*/

.vinopage .prodsupertit { position: absolute; top: 8%}
#vinosintrotxt { position: absolute; top:48%; left:9%; width: 35%; transform: translateY(-50%); }
#vinosintrofoto { position: absolute; bottom:4.9%; right: 10%;  width: 36%; 
 transform: rotateZ(10deg); }
#vinosintrobotella { position: absolute; left:18%; bottom: 0%;  width: 35%;  }
.cartaprodvino { float: right; width: 35%;  text-align: right; margin-top:0.7em; 
	font-style: italic; font-size: 0.7em; line-height: 1.3em; }
.cartaprodvinopvp { float: right; width: 17%;  text-align: right; margin-top:0.7em; 
	font-style: italic; font-size: 0.7em; line-height: 1.3em; margin-right: -1.2em; }


.cartaprodvino strong { font-family: 'Sohne Breit Leitch'; font-weight: normal; font-style: normal !important; }

.vinosprods .cartaprod { padding-bottom: 1em; }
.vinosprods .ptit { width: 45%; line-height: 1.1em; }
.vinosprods .ptit p { font-size: 0.9em !important;  }

#logovino1 { position: fixed; left: 0%; width: 15%; top:-0.4em; z-index: 2; 
	transform-origin: center;   animation: fadein 1s;  }
#logovino1 img {  }
#logovino2 { position: fixed; right: -0.1%; width: 15%; bottom:-0.4em; z-index: 2;
 transform-origin: center;   animation: fadein 1s; }
#logovino2 img {  }

#logocarta1 { position: fixed; left: -0.1%; width: 15%; top:50%; z-index: 2; transform-origin: center;
	transform-origin: center;  transform: translateY(-50%) rotateZ(-11deg);
	animation: fadein 1s; 
}
#logocarta2 { position: fixed; right: -0.1%; width: 15%; top:50%; z-index: 2; transform-origin: center;
 transform-origin: center;  transform: translateY(-50%) rotateZ(169deg);
 animation: fadein 1s; 
}

.vinosprods { width: 60%; left: 50%; position: relative; transform: translateX(-50%);
	margin-top: 3.2em;
}
h2.subcat { display: block; text-align: center; width: 100%; font-size: 2.1em; padding: 2em 0px; line-height: 1em; }

/*RESERVA CONTACTA BONOS*/

#logovino3 { position: fixed; right: -0.2em; width: 15%; bottom:12.4%; z-index: 2;
 transform-origin: center;  transform: rotateZ(230deg);animation: fadein 1s;}
#rescol1 { position: absolute; left: 8%; width: 30%; top:46%; transform: translateY(-50%); }
#bonos { position: absolute; left: 8%; width: 80%; top:41%; transform: translateY(-50%); }
#rescol2 { position: absolute; left: 44%; width: 47%; top:46%; transform: translateY(-50%); }
#rescol2 h1 { font-family: 'Sohne Breit Leitch'; font-size:3.8em; font-weight: normal; }#map { width: 100%; height: 0px; padding-top: 74%; border: 1px solid #000; margin-top: 8%; }
#api { position: relative; width: 100%; height: 0px; padding-top: 47.4%; border: 1px solid #000; margin-top: 15%;
	background-color: #fff;
 }
.reservapage a { text-decoration: none; color:inherit; }

#api iframe { position: absolute; top:0px; left: 0px; width: 100%; height: 100%; }

#api2 {position: relative;
    width: 100%;
    height: 65vh; /* Ajusta según lo que necesites */
    border: 1px solid #000;
    margin-top: 15%;
    background-color: #fff;
    overflow: hidden; /* Esto evita barras de scroll extrañas dentro del contenedor */;
 }
.reservapage a { text-decoration: none; color:inherit; }

#api2 iframe { position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Permite el scroll dentro del iframe */ }

a[href^="https://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:none !important;
}

#legalpage { padding: 12em 12em 5em 12em; font-size: 0.9em; }
#legalpage h2 { font-family: 'Sohne Breit Leitch'; margin:1em 0px 0.3em 0px; font-size: 1.5em; }
#legalpage ul { list-style: none; padding-left: 2em; }
#legalpage li { margin-bottom: 1em; }
#logovino4 { position: absolute; right: -0em; width: 15%; margin-top: -10.8em; z-index: 2;
 transform-origin: center;  transform: rotateZ(200deg);animation: fadein 1s;}
#logovino5 { position: absolute; left: 0%; width: 15%; top:-0.4em; z-index: 2; 
	transform-origin: center;   animation: fadein 1s;  }
.sellofooter { position: absolute; width: 5.8em; right: 9em; top:-4.4em; transform: translateY(-50%); z-index: 2; }
.sellofooter2 { right: 2.3em; }
.sellofooter img { width: 100%; }

.body_reserva .sellofooter { display: none; }

.menu-icon {
    display: flex;
    justify-content: center; /* Centra el icono horizontalmente */
    align-items: center; /* Asegura que esté alineado verticalmente */
    list-style: none; /* Quita el estilo de lista */
    margin: 10px 0; /* Ajusta según el espacio que necesites */
}

.menu-icon img {
    width: 30px; /* Ajusta el tamaño del icono */
    height: auto;
    transition: opacity 0.3s ease-in-out;
}

.menu-icon img:hover {
    opacity: 0.7; /* Efecto visual al pasar el cursor */
}