@charset "UTF-8";

body {
	font-family: 'TikTok Sans', sans-serif;
	margin: 0;
	padding: 0;
}

iframe {
	width: 100% !important;
	border: none !important;
	border-radius: 24px;
}

header {
	padding: 20px 5%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999999 !important;
	box-shadow: inset 0 120px 60px -60px rgba(0,0,0,0.6);
}

footer {
	background-color: rgba(0,0,0,0.6);
	background-blend-mode: darken;
	background-image: url('../imagenes/footer.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100px;
	margin-top: -25px;
	margin: 0;
	color: rgba(255,255,255,1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: right;
}

.eui-widget-title {
	display: none !important;
}

.orden_menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu {
	text-align: right;
}

.margen_columna {
	padding: 25px;
	box-sizing: border-box;
}

.ubicacion, .social, .carta, .concepto, .chef {
	margin: 120px 0;
	position: relative;
}

.box_logotipo {
	display: flex;
	height: 100px;
	width: 100px;
	background-color: rgba(255,255,255,1);
	padding: 10px;
	border-radius: 50%;
	align-items: center;
}

.logotipo {
	width: 100%;
	object-fit: cover;
}

.web {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
}

.web > h2 {
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-size: clamp(2.2rem, 5vw, 5rem);
	line-height: clamp(2.2rem, 5vw, 5rem);
	color: #c21f1a;
}

.web > h3 {
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 25px;
}

.ajuste {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.columna50 {
	width: 50%;
}

.texto_carrusel {
	width: 60%;
	position: absolute;
	bottom: 20px;
	right: 5%;
	color: rgba(255,255,255,1);
	font-weight: 700;
	font-size: clamp(2.8rem, 7vw, 7rem);
	line-height: clamp(2.8rem, 7vw, 7rem);
	text-align: right;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
}

.foto_carrusel {
	width: 100%;
	height: 700px;
	object-fit: cover;
	background-color: gainsboro;
	/* -webkit-animation: kenburns-top 20s ease-out infinite alternate both;
	animation: kenburns-top 20s ease-out infinite alternate both; */
}

 @-webkit-keyframes kenburns-top {
	0% {
	  -webkit-transform: scale(1) translateY(0);
			  transform: scale(1) translateY(0);
	  -webkit-transform-origin: 50% 16%;
			  transform-origin: 50% 16%;
	}
	100% {
	  -webkit-transform: scale(2.25) translateY(-15px);
			  transform: scale(2.25) translateY(-15px);
	  -webkit-transform-origin: top;
			  transform-origin: top;
	}
  }
  @keyframes kenburns-top {
	0% {
	  -webkit-transform: scale(1) translateY(0);
			  transform: scale(1) translateY(0);
	  -webkit-transform-origin: 50% 16%;
			  transform-origin: 50% 16%;
	}
	100% {
	  -webkit-transform: scale(2.25) translateY(-15px);
			  transform: scale(2.25) translateY(-15px);
	  -webkit-transform-origin: top;
			  transform-origin: top;
	}
  }
  
.margen_exterior {
	margin: 0 -10px;
}

#carrusel {
	width: 100%;
	height: 700px;
	overflow: hidden;
	box-sizing: border-box;
	display: block;
	position:  relative;
}

.item-carrusel {
	position: relative;
	width: 100%;
	height: 700px;
	overflow: hidden;
	box-sizing: border-box;
	display: block;
}

.carrusel_item {
	padding: 30px;
	box-sizing: border-box;
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div{
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	-webkit-transform: translate3d(244,244,244);
	-moz-transform: translate3d(244,244,244);
	-ms-transform: translate3d(244,244,244);
}

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both;
}

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
	0% {opacity: 1}
}

@-moz-keyframes empty {
	0% {opacity: 1}
}

@keyframes empty {
	0% {opacity: 1}
}

@-webkit-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}

@-moz-keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}

@keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}

@-webkit-keyframes backSlideOut {
	25% { opacity: .5; -webkit-transform: translateZ( 650px); }
	75% { opacity: .5; -webkit-transform: translateZ( 650px) translateX(-200%); }
	100% { opacity: .5; -webkit-transform: translateZ( 650px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
	25% { opacity: .5; -moz-transform: translateZ( 650px); }
	75% { opacity: .5; -moz-transform: translateZ( 650px) translateX(-200%); }
	100% { opacity: .5; -moz-transform: translateZ( 650px) translateX(-200%); }
}

@keyframes backSlideOut {
	25% { opacity: .5; transform: translateZ( 650px); }
	75% { opacity: .5; transform: translateZ( 650px) translateX(-200%); }
	100% { opacity: .5; transform: translateZ( 650px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
	0%, 25% { opacity: .5; -webkit-transform: translateZ( 650px) translateX(200%); }
	75% { opacity: .5; -webkit-transform: translateZ( 650px); }
	100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
	0%, 25% { opacity: .5; -moz-transform: translateZ( 650px) translateX(200%); }
	75% { opacity: .5; -moz-transform: translateZ( 650px); }
	100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
	0%, 25% { opacity: .5; transform: translateZ( 650px) translateX(200%); }
	75% { opacity: .5; transform: translateZ( 650px); }
	100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
	to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
	to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
	to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
	from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
	from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
	from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
	from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
	from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
	from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
	to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
	to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
	to { opacity: 0; transform: scale(1.5); }
}

.owl-theme .owl-controls{
	margin: 20px 0;
	text-align: center;
	position: relative;
}

.owl-theme .owl-controls .owl-buttons div{
	color: rgba(55,90,162,1);
	display: inline-block;
	zoom: 1;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: rgba(55,90,162,1);
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
}

.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 18px;
	height: 18px;
	margin: 4px 4px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #FFF;
	
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-item.loading {
	min-height: 150px;
	background: url(../imagenes/loading.gif) no-repeat center center;
}

button {
	padding: 12px;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	color: rgba(255,255,255,1) !important;
	box-sizing: border-box;
	border: none;
	transition: 0.2s;
	cursor: pointer !important;
	appearance: none;
	background-color: rgba(0,0,0,1);
	border-radius: 24px;
}

button:hover {
	background-color: rgba(0,0,0,1);
}

.delivery {
	
}

.reservas {
	
}

.whatsapp {
	
}

.titulo_interior {
	font-size: 18px;
	font-weight: 700;
	color: #c21f1a;
	padding: 0;
	margin: 0;
}

.box_carta {
	margin: 0 10px;
	position: relative;
}

.box_carta_foto {
	width: 100%;
	object-fit: cover;
	display: block;
	border-radius: 24px;
}

.concepto_chef {
	min-height: 400px;
	background-image: url('../imagenes/muro.jpg');
	background-position: center;
	background-size: auto;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 25px 30px;
	color: rgba(255,255,255,1);
	border-radius: 24px;
	position: relative;
}

.concepto_marca {
	min-height: 400px;
	background-repeat: no-repeat;
	background-image: url('../imagenes/concepto.jpg');
	background-position: center;
	background-size: cover;
	background-blend-mode: darken;
	background-color: rgba(0,0,0,0.6);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 25px 30px;
	color: rgba(255,255,255,1);
	border-radius: 24px;
}

.contenido_carta {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	padding: 10px !important;
	box-sizing: border-box;
	color: white;
	font-weight: 700;
}

.carta_valor {
	margin-top: -20px !important;
	font-size: 18px;
	font-weight: 700;
	display: none;
}

.contenido_concepto {
	font-size: clamp(1.2rem, 1.8vw, 1.8rem);
	text-align: center;
}

.btn {
	display: flex;
  	justify-content: flex-end;
	margin-top: 25px;
	gap: 12px;
}

.btn_footer {
	display: flex;
  	justify-content: flex-start;
	margin-top: 20px;
	gap: 12px;
}

.espe {
	background-color: white;
	margin-top: -50px;
	position: relative;
	z-index: 99999 !important;
	padding-top: 25px;
}

.foto_chef {
	width: 48%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	display: block;
}

.star {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: yellow;
	font-size: 24px;
}

button > i {
	opacity: 0.8;
	margin-right: 5px;
	font-size: 20px;
	line-height: 20px;
}

.box_menu {
	display: flex;
  	gap: 12px;
  	justify-content: flex-end;
}

.eapps-instagram-feed-posts-slider {
	border-radius: 24px !important;
}

.parallax-photo{
        position: absolute;
        width: 26%;
        right: 7%;
        object-fit: cover;
        transition: transform 0.2s ease-out;
        will-change: transform;
    }

    .parallax-photo:nth-child(1){
        top: -20px;
        z-index: 2;
    }
    .parallax-photo:nth-child(2){
        top: 110px;
        z-index: 3;
        width: 26%;
        right: 14%;
    }
    .parallax-photo:nth-child(3){
        top: 110px;
        z-index: 1;
        width: 28%;
        right: 24%;
    }

@media (max-width: 900px) {

	.desktop {
		display: none;
	}

	button > i {
		margin-right: 0;
		font-size: 22px;
		line-height: 22px;
	}

}

@media (max-width: 600px) {

	.box_logotipo {
		height: 60px;
		width: 60px;
	}

	.foto_carrusel {
		height: 500px;
	}

	#carrusel, .item-carrusel {
		height: 500px;
	}

	.desktop {
		display: none;
	}

	button > i {
		margin-right: 0;
		font-size: 22px;
		line-height: 22px;
	}

	.texto_carrusel {
		width: 85%;
	}

	.ubicacion, .social, .carta, .concepto, .chef {
		margin: 80px 0;
	}

	.columna50 {
		width: 100%;
	}

	.contenido_concepto {
		z-index: 999;
		position: relative;
		text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 20px;
	}

	.concepto_chef, .concepto_marca {
		min-height: auto;
	}

	.concepto_chef {
		overflow: hidden;
	}

	.margen_columna {
		padding: 25px 0;
	}

	.mobile {
		width: 100%;
	}

	.mobile > i {
		margin-right: 5px;
	}

	.foto_chef {
		width: 110%;
		position: relative;
		margin-bottom: -25px;
		margin-top: -80px;
	}

	.parallax-photo {
        position: absolute;
        width: 46%;
        right: 7%;
        object-fit: cover;
        transition: transform 0.2s ease-out;
        will-change: transform;
    }

    .parallax-photo:nth-child(1) {
        top: 40px;
        z-index: 2;
    }

    .parallax-photo:nth-child(2) {
        top: 140px;
        z-index: 3;
        width: 46%;
        right: 0;
    }

    .parallax-photo:nth-child(3) {
        top: 160px;
        z-index: 1;
        width: 46%;
        left: 0;
		display: none;
    }

	.espe {
		justify-content: center !important;
	}

	footer {
		text-align: center;
	}


}