/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}::-moz-selection {background: var(--selcolor); text-shadow: none; }
::selection {background: var(--selcolor); text-shadow: none; }
html.👁 body {color: #000}
html.👁 #carousel .carousel-caption {background-color: rgba(0, 0, 0, 0.8)}
html.size2, html.size2 body {font-size: 22px;}
html.size3, html.size3 body {font-size: 24px;}

body.⯆ #menu {top:-57px}

/*body.🍔 {overflow: hidden;}*/
body.🍔 #🍔 .toggle-nav {width: 64px; height: 64px; top: auto; left: auto; right: 30px; bottom: 30px;}
body.🍔 .toggle-nav span, body.🍔 .toggle-nav span:before, body.🍔 .toggle-nav span:after{background-color: #fff;}
body.🍔 #🍔 .toggle-nav span {transform: rotate(45deg); top: 26px; }
body.🍔 #🍔 .toggle-nav span:before {background-color: transparent; }
body.🍔 #🍔 .toggle-nav span:after {top: 0; transform: rotate(-90deg); }

.animate__animated.animate__delay-05s{-webkit-animation-delay:calc(var(--animate-delay)*0.5);animation-delay:calc(var(--animate-delay)*0.5)}
.animate__animated.animate__delay-15s{-webkit-animation-delay:calc(var(--animate-delay)*1.5);animation-delay:calc(var(--animate-delay)*1.5)}
.animate__animated.animate__delay-25s{-webkit-animation-delay:calc(var(--animate-delay)*2.5);animation-delay:calc(var(--animate-delay)*2.5)}

h3, .h3{font-size: 1.4rem; font-weight: 700; font-family: 'Bebas Neue', sans-serif;}
strong {font-weight: 800;}
.font-weight-bold {font-weight: 800 !important;}

.text-color h1 strong, .text-color h2 strong, .text-color .h1 strong, .text-color .h2 strong, .text-color .fontb strong{-webkit-text-stroke: 1px var(--color); text-stroke: 1px var(--color);}

ul.unstyled {list-style-type: none; margin:0; padding:0;}
ul.unstyled li > i {color: var(--color2); margin-right: 5px;}
ul.list a {color: #000; text-decoration: underline;}
ul.list a:hover {color: var(--color);}
.text-big {font-size: 1.2rem;}
.text-small {font-size: 0.9rem;}
.text-xsmall {font-size: 0.75rem;}
.text-color {color:var(--color);}
.text-black {color:var(--main);}
a.text-black:hover {color:var(--main); text-decoration: underline;}

.cl {cursor: pointer;}

.ovh {overflow:hidden;}
.ovv {overflow: visible;}
.w-100{width: 100%; height: auto;}
.underline {text-decoration: underline;}
.zindex {z-index: 1}

.parpadeo {animation-name: parpadeo; animation-duration: 0.5s; animation-delay: 0.5s; animation-iteration-count: 1;}

.x-icon, .x-icon-b{transform: rotate(90deg) scaleX(2); display: inline-block; font-size: 3rem}
.x-icon-b{transform: rotate(90deg) scaleX(1.9); color: transparent; -webkit-text-stroke: 2px black; text-stroke: 2px black;}

.btn-big {padding:.75rem;}
.btn-xs {padding:.25rem 0.5rem; font-size:0.7rem;}
.btn:active{box-shadow:none;}
.btn-default {color: #fff; background-color: var(--main); font-weight: 500; border: none; } 
.btn-danger{background-color: var(--red); color: #fff;}
.btn-default:hover, .btn-danger:hover {color: #fff;}
.btn-border {background: none; border: 1px solid #fff; color: #fff;}
.btn-border:hover {background-color: #fff;}
.btn-border.envio-ck {border-color: #000}

.btn-trap {cursor: pointer;}
.btn-trap.title { border: none; clip-path: polygon(5% 10%, 100% 0%, 85% 100%, 15% 100%); transform: none; transition: 0.5s; line-height: 0.5rem; font-weight: 600; padding:.3rem 2rem .2rem 2rem} 
.btn-trap.title > span {color: var(--color); font-size: 2rem; line-height: 0.8;} 

.btn-trap.color {background: var(--color); }
.btn-trap.color > span {color:var(--main)}
.btn-trap.color:hover > span {color: #fff; }

.btn-trap.small {padding: 0.2rem 1rem 0.2rem 1rem; line-height: 0.5;}
.btn-trap.small span {font-size: 1.2rem;}

.close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;}
.close:hover {opacity: 1; }
.close:before, .close:after {position: absolute; left: 16px; top: 3px; content: ' '; height: 28px; width: 3px; background-color: #000; }
.close:before {transform: rotate(45deg); }
.close:after {transform: rotate(-45deg); }

.modal {font-size: 0.8rem;}
.modal-title  {font-size: 1rem !important;}
.modal-content {width: 100% !important;}
.modal-content p:last-child {margin-bottom: 0;}
.modal-header {display: block; padding: 10px 20px; background-color: var(--color); color: #fff;}
.modal-header button {position: absolute; right: 20px; top: 20px;}
.modal-header .close {padding: 10px 17px; color: #fff; margin: -0.6rem -0.5rem -1rem auto;}
.modal-footer {padding: 0.5rem;}
.modal .error {display: none;}

.box:after, .box:before {content:''; display: block; position: absolute; left: 0; bottom:0; width: 30px; height: 30px; background:#fff; clip-path: polygon(0 0, 3px 0, 3px 27px, 30px 27px, 30px 30px, 0 30px);}
.box:after {left: auto; right: 0; transform: scaleX(-1);}
.bg-color .box:after, .bg-color .box:before {background:var(--main);}

.grecaptcha-badge {display: none;}

.form-control{padding: 5px 10px; border: none; border-bottom: 1px solid #000; background: none; border-radius: 0; padding-left: 0; height: auto; font-size: 20px; color: var(--main);}
.form-control::placeholder {font-size: 18px; opacity: 0.8; font-weight: 300;}

*:focus {outline: none;}
.form-control:focus,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover, 
.form-control:-webkit-autofill:focus, 
.form-control:-webkit-autofill:active  {
    -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--main) !important; background: none;
}

.table {width: 100%;}
.table th, .table td {vertical-align: middle;}
.table td {font-size: 85%;}
.table thead th {color: #fff; background-color: var(--color2); font-weight: 400; padding: 5px 20px;}

.carousel-caption {bottom: 0}
.carousel-caption p {margin-bottom: 0}

.circulos {display: flex; } 
.circulos span {width: 50px; height: 50px; border: 2px solid black; border-radius: 50%; position: relative; margin-left: -25px; animation: fadein 0.5s; } 
.circulos span:first-child{margin:0}
@keyframes fadein {from { opacity: 0; } to { opacity: 1; } } 

#menu {transition:top 1s;}
body.🍔 #menu div.sc{top: 135px !important;}
body.🍔 #menu div.sc.lh {max-height: calc(100vh - 135px); overflow: auto;}

#menu div.sc {text-align: center; transition: top 0.5s ease; color: #fff; font-weight: 800;}
#menu div.sc li {position: relative;}
#menu div.sc li a {display: block; padding:20px 0; position: relative; z-index: 2; color: #fff;}
#menu div.sc li:hover a {text-decoration: none; color: #000;}

#menu div.sc li:after, #menu div.sc li:before, .sep-glitch {content:''; display: none; position: absolute; left:0; top:-25%;  width: 100%; height: 150%; background: #000 url(../img/glitch.jpg?v=1);}
#menu div.sc li:after, .sep-glitch {clip-path: polygon(0% 0%, 0% 30%, 100% 100%, 100% 70%);}
#menu div.sc li:before {clip-path: polygon(100% 0%, 100% 30%, 0% 100%, 0% 70%);}
#menu div.sc li:hover:after, #menu div.sc li:hover:before {display: block;}

.sep-glitch {display:block; position: relative; left: 0; top: 0; height: 300px; margin:0 0 -80px 0}

#🍔 svg .st0 {transition: all 0.5s ease;}
body.🍔 #🍔 svg .p1 {transform: rotate(-32deg) translate(-11px, 0px)}
body.🍔 #🍔 svg .p2 {transform: rotate(45deg) translate(7px, -16px)}
body.🍔 #🍔 svg .p3 {transform: rotate(-32deg) translate(-11px, 18px)}
/*body.🍔 #menu nav:after {background:#000}*/

table.table {font-size: 0.8rem; height: auto;}
table.table th {background-color: var(--bg-color);}
table.table th.bg-color {background-color: var(--color);}

#filter {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); opacity: 0; cursor: pointer; -webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;}
#popup {position: fixed; width: 100%; height: 100%; z-index: 11; top:0; left: 0;}
#popup .h1 {font-size: 3.5rem}
#popup .wrapper {background-color: #000; position: absolute; left: 50%; top:165px; transform: translateX(-50%); max-height: calc(100% - 195px); overflow-y: auto;}
#popup .wrapper div {position: relative;}
#popup .wrapper > div {position: relative; padding:50px; padding-bottom: 0}
#popup .wrapper > div > div {width: calc(100vw - 200px); max-width: 1200px; padding-bottom: 50px}
#popup .wrapper > div:before {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; background-image:url('../img/glitch.png'); background-position: center; background-size: cover;}
#popup .x-icon {position: absolute; right: 26px; top: 20px; z-index: 2; color: var(--color); cursor: pointer; font-size: 48px}
#popup select {background: #000; border-color:var(--color); color: #fff !important; font-size: 1.4rem; width: auto; margin:0 auto; text-align: center; min-width: 300px; padding: 10px 0;}
#popup select.text-small {font-size: 1rem;}
#popup .pop-img {height: 350px; margin-left: -50px; margin-right: -50px; margin-bottom: -50px; clip-path: polygon(00% 20%, 0% 100%, 100% 100%, 100% 0%);}
#popup .btns_envio {display: block; margin-bottom:15px}
#popup .btns_envio span { background: #000; color: #fff; padding:5px 10px; display: inline-block; cursor: pointer; margin-bottom: 5px}
#popup .btns_envio span:before {content: ''; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border:1px solid var(--color); margin-right: 7px;}
#popup .btns_envio span.sel:before {background: var(--color)}

section {overflow: hidden; position: relative;}

.rating {font-size: 22px; color: var(--color); display: inline-block;}
.owl-dots {margin-top: 10px}
.owl-dots span {width: 20px; height: 20px; background: #fff; border-radius: 50%; margin-left: 5px; display: block;}
.owl-dots .owl-dot.active span {background: var(--main);}

/*#blog:before{content:''; position: absolute; background-color: var(--color); width: 100%; height: 300px; top: 0; left: 0;}*/
#blog img {max-width: 100%;}
#blog article .content {width: 70%; margin:0 auto; margin-top: 20px}
#blog article h3 a {color: var(--main);}

.brutales1 {position: absolute; right: -53px; bottom: 76px;}
#bcarousel .image {padding:10%; position: relative;}
#bcarousel .image img {width: 100%; height: auto; position: relative;}
#bcarousel .image div {width: 100%; height: 100%; position: absolute; left: 0; top: 0}
#bcarousel .title {position: absolute; top:0; left: 50%; text-align: center; transform: translateX(-50%);}
#bcarousel .x {transform: none; width: 100%; height: 100%;}

#contentinfo {padding-top: 100px; margin-top: -100px; overflow: hidden;}
footer {padding:80px 0;/* margin-top: 50px;*/ padding-bottom: 20px; font-size: 0.9rem; line-height: 1.3; color: #fff; position: relative;}
footer a {color:#fff}
footer:before, footer:after{ content:''; position: absolute; top:-55px; left: 0; width: 100%; transform: rotate(-2deg) scale(1.2);}
footer:after{background-image: url(../img/bg-sep.png); background-size: auto 100%; height: 20px;}
footer:before{background-color: var(--main); width: 100%; height: 95px; top: -42px;}
footer .sep-glitch {height: 120px; clip-path: polygon(100% 0%, 100% 30%, 0% 100%, 0% 70%); margin:0 0 50px 0}
footer .h3 {font-size: 2rem !important; font-weight: 300;}
footer ul li {font-size: 1.2rem; line-height: 1.2; margin-bottom: 0.5rem; text-transform: uppercase; font-weight: 800}
footer i {font-size: 36px}
footer .autor {margin-top: 30px; font-size: 0.65rem !important}
footer .text-small {font-size: .8rem}

@media (min-width: 590px){
	.modal-content {width:inherit;} 
}

@media (max-width: 1150px){
    .brutales1 {right: -63px; bottom: 52px;}
    #bcarousel .carousel-item {padding-bottom: 60px}
}

@media (max-width: 991px){
    #bcarousel {max-width: 600px; margin: 0 auto;}
    #bcarousel .carousel-inner {overflow: visible;}
    #bcarousel .title {top:-30px; }
}

@media (max-width: 575px){
    .brutales1 {bottom: 37px;}
    #bcarousel .carousel-item {padding-bottom: 80px}
    #bcarousel .carousel-caption {left: 5%; right: 5%;}
}

@media (max-width: 767px){
    #popup .wrapper > div > div {width: calc(100vw - 150px); }
    #popup .wrapper > div {padding:35px}
    #popup .x-icon {right: 13px; top: 2px; font-size: 39px;}
}


@media (max-width: 450px){
    #popup .wrapper > div > div {width: calc(100vw - 70px); }
}
@media (max-width: 576px){
    #popup select {min-width: auto}

	footer{padding:40px 0;}
	footer .logo {width: 80px; margin-bottom: 30px;}
	footer .row > div {margin-bottom: 0;}
}

@keyframes parpadeo {
    0% { opacity: 1; }
    20% { opacity: 0; }
    40% { opacity: 1; }
    80% { opacity: 0; }
    100% { opacity: 1; }
}