.burguer img{-webkit-animation-fill-mode:backwards; animation-fill-mode:backwards}
#sec-slider .bg{position: absolute; right: 84%; top: 0; width: 776px; height: 529px; background-image: url(../img/bg-sheader.png);}

#smash-burguers {padding-top: 180px}
#smash-burguers:after, #smash-burguers:before {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100px; transform: rotate(185deg) scale(1.05); background-color: var(--main)}
#smash-burguers:after {background: url(../img/bg-header-m.png) repeat-x;}
#smash-burguers:before {top: -100px; height: 150px}

.busto {z-index: 2;}
.busto img {max-width: 100%; height: auto;}
.busto .boca {position: absolute; left: 0; top: 0; opacity: 0; height: auto;}

.busto.animate__animated .boca {
    animation-name: parpadeo;
    animation-duration: 0.5s;
    animation-delay: 1.1s;
    animation-iteration-count: 2;
}

#secfoto {width: 100%; height: 900px; position: relative;}
#sec-slider1 {position: relative; z-index: 2; padding-bottom: 160px;}
#secfoto .bg, #secfoto .bg:after, .bg-words, #sec-slider1 .bg1, .bg-words:before, .bg-words:after, #delivery .fotos .bg, #delivery .fotos .bg:after{ content:''; position: absolute; top:0; left: 0; width: 100%;}
#secfoto .bg:after, .bg-words:after, #delivery .fotos .bg:after{background-image: url(../img/bg-sep.png); background-size: auto 100%; height: 32px;}
#secfoto .bg:before, .bg-words:before{background-color: var(--main); width: 100%; height: 100%; top:10px}
#secfoto .bg{top:-8px}
#sec-slider1 .row > div:first-child{z-index: 3;}
#sec-slider1 .bg1 {background: rgb(4,5,6); background: linear-gradient(90deg, rgba(4,5,6,1) 60%, rgba(0,0,0,0) 100%); height: 100%; z-index: 2; width: 60%}
#sec-slider1 .brutales {position: absolute; top: 100px; right: 200px; z-index: 3;}
.bg-words {top:-85px; height: 160px; transform: rotate(355deg) scale(1.05); z-index: 3; white-space: nowrap;}
.bg-words.nb:before {display: none;}
.bg-words div {position: absolute; top: 5px; font-size: 5rem; width: 110%; margin:0 -20px; text-align: center;}

section .bg-words:last-child{top:auto; bottom: -55px; transform: rotate(177deg) scale(1.05); }
section .bg-words:last-child .h1{transform: rotate(180deg); top:-10px}

#owl {transform: rotate(350deg) scale(2); margin-top:100px; padding-bottom:50px }
.owl-nav {text-align: center; color: var(--color); margin-top: 20px}
.owl-nav button {margin: 0 10px}
/*.owl-carousel-progress-bar {background-color: rgb(135 135 135) !important; height: 8px !important; width: 300px; margin:0 auto; transform: translateX(50%) rotate(350deg);; margin-top: 200px !important}
.owl-carousel-progress-bar span {background-color: #fff !important; height: 8px !important;}*/

#delivery .fotos {position: absolute; left: 50%; width: 50%; top: 0; height: 100%;}
#delivery .fotos div {flex-basis: 50%}
#delivery .fotos .bg {top: -10px}

#xpecado-jaen { padding-bottom: 350px}
#xpecado-jaen .container {height: 400px;}
#xpecado-jaen .bg {position: absolute; left: 33px; top: 52px; width: 100%; height: 150%; transform: rotate(355deg) scale(1.2);}
#xpecado-jaen .bg-words.last {transform: rotate(183deg) scale(1.05); bottom: 103px;}
#xpecado-jaen .bg-words.last:before {background-color: var(--color); top: -152px}

#reviews {position: relative; z-index: 3; overflow: visible;}
#reviews .deco {width: 65px; height: 458px; position: absolute; left: 54px; top: -264px; background: url(../img/bg-plus.png) bottom left no-repeat; transform: rotate(90deg); z-index: 3;}
#reviews .deco2 {position: absolute; right: 50px; top: 350px;}

#video-xpecado {width: 100%;}
#video-xpecado div {width: 100%; height: 100%; z-index: 2 !important; position: relative;}
#video-xpecado video {z-index: 2 !important;}
.btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: white;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 3;
}

@media (max-width: 1600px){
	#secfoto {height: 800px}
}

@media (max-width: 991px){
	#secfoto {margin-top: -200px; height: 600px}
	#sec-slider1 .brutales {top: 400px}
	#sec-slider1 .bg1 {display: none;}
	.owl-carousel-progress-bar {width: 50vw; transform: translateX(20vw) rotate(350deg);}

	#delivery .fotos {position: relative; left: 0; width: 100%; top: 0; height:100vh; margin-bottom: -100px}
	#xpecado-jaen .bg {top: 36px}
	#xpecado-jaen .container {height: 300px;}

	#reviews .deco2 {top: 0;}
}

@media (max-width: 767px){
	.owl-carousel .owl-item img {object-fit: cover; height: 250px; }
	#secfoto {height: 550px}
	#reviews .deco2 {top: auto; bottom: 80px}
}

@media (max-width: 575px){
	.busto {margin:0 -15px}
	#sec-slider1 .brutales {right: auto; left: 50px; top:auto; bottom: 400px}
	#xpecado-jaen .bg {top: 30px}
	#xpecado-jaen .container {height: 200px;}
	#secfoto {height: 400px}

}

@media (max-width: 450px){
	.bg-words div {font-size: 4rem}
}