@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
*,*:after,*:before{box-sizing:border-box;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*------ Prncipal -------*/
html,
body {
    margin: 0;
    padding: 0;
    /* font: 400 0.8em/1em 'Poppins', sans-serif; */
    /* font-family: "Noto Sans", serif; */
    font-family: "Poppins", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    color: #222;
    overflow-x: hidden;
    background: #f5f5f5;
    line-height: 1.4;

}
b{border:none;outline:none;text-decoration:none;color:#f00}
a{color: #e87324;}
strong{font-weight:700;}
h1,h2,h3,h4{font-weight:700;}
ul,ul li{list-style:none;padding:0;margin:0;}
p{margin:5px 0;}

/* .noto-sans-<uniquifier> {
    font-family: "Noto Sans", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
  } */

ul li {
    padding-left: 1.3em;
    margin-bottom: 8px;
  }
 li:before {
    /* content: "\f041";  */
    /* FontAwesome Unicode */
    /* font-family: FontAwesome; */
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    /* width: 1.3em;  */
    /* same as padding-left set on li */
    /* color: #e87324; */
    
    content: '';
    width: 20px;
    height: 20px;
    /* position: absolute; */
    background-image: url('../img/doticon2.png');
    background-size: cover;
    background-position: center;
    /* left: 0;
    top: 50%;
    transform: translateY(-50%); */
    margin-right: 8px;
    position: absolute;
    margin-top: 2px;

}
ul li:last-child{
    margin-bottom: 0px;
}

li.it_epoll_survey-item{
    padding-left: initial;
    margin-bottom: initial;
    border: 1px solid #FFF;
}
li.it_epoll_survey-item::before {
    content: '';
    display: none;
}

.it_epoll_grid .it_epoll_survey-item {
    border: 1px solid #FFF;
}


.banner_timer ul li::before {
    content: '';
    display: none;
}


:-moz-placeholder {color: #777;}
:-moz-placeholder {color: #777;}
:-ms-input-placeholder {color: #777;}
:-webkit-input-placeholder {color: #777;}
input{border:none;font:400 1em 'Poppins', sans-serif;background:#ccc;display:inline-block;padding:5px 2%;border-radius:1px;height: 20px;outline:none}
button{border:none;background: ·ccc;height: 32px;cursor:pointer;font: 500 1em 'Poppins';padding: 6px;display: inline-block;color:#000;}
button:hover{opacity:.8}
button[type="reset"]{color:#eb212e}

.btn{display:inline-block;padding: 2px 20px 0;color:#fff;background: #e87324;text-align:center;border-radius: 10em;margin-top: 40px;text-shadow:none;text-decoration: none;text-transform: uppercase;font: 600 1.2em/40px 'Poppins';box-shadow: 0 5px 10px rgba(0,0,0,.6);}
.btn.secondary{ background:#333; color:#fff;}
.btn.block{width: 510px;max-width:100%;}
.btn:hover{ background:#fff; color:#000}


/*------ Preloader -------*/
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}

#loader-wrapper.animated { visibility:visible;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #111;z-index: 1000;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);box-shadow: inset -30px 0 30px rgba(0,0,0,.5);}
#loader-wrapper .loader-section.section-left {left: 0;box-shadow: inset 30px 0 30px rgba(0,0,0,.3);}
#loader-wrapper .loader-section.section-right {right: 0;box-shadow: inset -30px 0 30px rgba(0,0,0,.3);}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 70px;height: 70px;margin: -35px 0 0 -35px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #08a9a9;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}
#loader-logo {display: block;position: absolute;left: 48%;top: 46%;background: url("../images/user-bg-2.jpg") no-repeat center center;z-index: 1001}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}}
@keyframes spin {0% {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}}
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
#loader-wrapper .loader_logo{position:absolute;z-index:99999;width:100%;top: 16%;opacity:1;}
#loader-wrapper .loader_logo img{display:block;margin:0 auto;width: 250px;}
.loaded #loader-wrapper .loader_logo{transition:all 500ms ease-out;opacity:0}
#loader-notes #loader{ opacity:1}


.full-screen-wrap {width: 42px;height: 33px;position: fixed;top: 48px;right: 130px;cursor: pointer;z-index: 5;}
.top-left, .top-left-horiz {top: 0;left: 0;}
.top-right, .top-right-horiz {top: 0;right: 0;}
.bottom-left, .bottom-left-horiz {bottom: 0;left: 0;}
.bottom-right, .bottom-right-horiz {bottom: 0;right: 0;}
.animMoveDown {transform: translateY(8px);}
.animMoveUp {transform: translateY(-8px);}
.animMoveLeft {transform: translateX(-9px);}
.animMoveRight{transform: translateX(9px);}
.full-screen-wrap div{width: 3px;height: 12px;background: mintcream;position: absolute;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,.8);}
.full-screen-wrap .top-left-horiz,.full-screen-wrap .top-right-horiz,.full-screen-wrap .bottom-left-horiz,.full-screen-wrap .bottom-right-horiz {width: 12px;height: 3px;}
.full-screen-wrap.full .top-left{transform: translateX(9px);}
.full-screen-wrap.full .top-left-horiz{transform: translateY(9px);}
.full-screen-wrap.full .top-right{transform: translateX(-9px);}
.full-screen-wrap.full .top-right-horiz{transform: translateY(9px);}
.full-screen-wrap.full .bottom-left{transform: translateX(9px);}
.full-screen-wrap.full .bottom-left-horiz{transform: translateY(-9px);}
.full-screen-wrap.full .bottom-right{transform: translateX(-9px);}
.full-screen-wrap.full .bottom-right-horiz{transform: translateY(-9px);}
.full-screen-wrap:hover {width: 50px;height: 40px;top: 47px;right: 125px;}


.btn-sound{position:fixed;cursor:pointer;z-index: 5;color:#fff;width: 42px;height:40px;top:50px;right: 200px;background: none;padding: 0 0 0 0;outline: none;}
.sound-toggle-bar {display: block;float: left;width: 3px;height: 25px;margin-right: 4px;background: rgba(255,255,255,1);-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1);-webkit-transform-origin: bottom;transform-origin: bottom;box-shadow: 0 0 10px rgba(0,0,0,.8);}
.playing .sound-toggle-bar {-webkit-animation: sound-toggle 2s infinite;animation: sound-toggle 2s infinite}
.playing .sound-toggle-bar:nth-child(2) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s}
.playing .sound-toggle-bar:nth-child(3) {-webkit-animation-delay: .3s;animation-delay: .3s}
.playing .sound-toggle-bar:nth-child(4) {-webkit-animation-delay: 1.7s;animation-delay: 1.7s}
.playing .sound-toggle-bar:nth-child(5) {-webkit-animation-delay: .4s;animation-delay: .4s}
@keyframes sound-toggle {0% {-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1)}
25% {-webkit-transform: scale(1, 1);transform: scale(1, 1)}
50% {-webkit-transform: scale(1, 0.3);transform: scale(1, 0.3)}
75% {-webkit-transform: scale(1, 0.6);transform: scale(1, 0.6)}
100% {-webkit-transform: scale(1, 0.1);transform: scale(1, 0.1)}}

#mainAudio{ position:fixed;top:-100%}


/*------ Transition -------*/
#loader-notes span,.btn,nav a,nav a *,nav a figure:after,.full-screen-wrap,main > section .more_info span,.share a{transition:all 500ms ease-out;}


/*------ Containers -------*/
main{/* position: fixed; */min-height: 100%;/* overflow: hidden; */top: 0;background:#000;/* height: 100%; */width: 100%;left: 0; overflow-x: hidden; }
main:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -80px;bottom: -230px;display:block;width: 300px;height: 400px;}


.inner{overflow:hidden;width: 100%;margin: 0 auto;max-width: 100%;position: relative;}


.inner.withp{ display: flex; flex-direction: column;}


.inner.withp iframe{ height: auto;}



/*------ Header -------*/
header{position: absolute;z-index: 1;background: rgba(255,255,255,.2);height:100%;width: 100%;}
header .inner{position:relative;z-index:2;height:100%;display: flex;align-items: center;justify-content: center;}
.photoMove{width: 100%;height: 100%;background-size: cover;position:absolute;z-index:1;box-shadow: inset 0 0 500px rgba(0,0,0,1);background-image:url('../img/bgpatternpase.jpg');left: 0;top: 0;background: url('../img/bgpatternpase.jpg') no-repeat center/cover;}
.photoMove:before{position:absolute;content:'';top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.4);box-shadow: inset 0 0 200px rgba(0,0,0,.4);z-index: 2;}
header h1{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);padding: 40px 0;text-transform: uppercase;font: 700 4em/.8em 'Poppins';display: block;}
header h2{font: 600 1.6em 'Poppins';max-width: 700px;text-align: center;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 0 auto 30px;}
header h3{font:300 1.1em 'Poppins';max-width: 800px;text-align: center;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 20px auto 0;}
header h4{font:900 3em 'Poppins';max-width: 800px;text-align: center;color: #f79900;text-shadow: 0 0 10px rgba(0,0,0,.8);width: 100%;margin: 20px auto 0;}
header h1 img{ width:200px;}

.user{
    padding: 10px 0px;
    /* background: rgba(0, 0, 0, .4); */
    /* max-width: 600px; */
    /* margin: 0 auto; */
    border-radius: 10px;
    /* text-align: center; */
    /* backdrop-filter: blur(10px); */
  
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
   
}

.name{ font-size:1.2em;}

@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-10px);}
 60% {transform: translateY(-5px);}}

header h1 div{padding:20px;border:1px solid #fff;/* width:200px; */margin: 11% auto 3%;background: rgba(255,255,255,.2);}
header h1 div span{font-size:5em}
header h1 div em{font-size:2em;letter-spacing:7px}
header h1 p{font:normal .6em 'Poppins';text-shadow: 0 0 11px #000,0 0 11px #000,0 0 11px #000;}

.home{background: radial-gradient(ellipse at center,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 68%);padding: 260px;text-align: center;width: 100%;padding: 0 4%;  display: flex; }
.home > figure{width: 170px;margin:0 auto;display: none;}
.hidden{ display:none;}

.home figure img{ width:100%; height:auto;}
.home .logo{width: 130px;margin: 0px auto 20px;}
.home .legend{color:#fff; width: 60%; }
.home .legend p{color: #eb008b;font-weight:900;font-size: 2.1em;margin: 40px 0 20px;}
.home .logo img{ width:100%; height:auto;}
.home .legend h1{  font: 700 3em/0.8em 'Poppins'; }

.home .disclaimer{color: #069783;background:rgba(0,0,0,.2);margin:10px 0 0;font-size: .8em;}
.home .disclaimer h3{color: #069783;font-size:1.2em;font-weight:900;margin:0 0 10px;width: 100%;max-width: initial;}
.home .disclaimer p{color: #069783;font-weight:300;margin:0 0 10px;

}
.home .disclaimer .cintillo{ display:inline-block; background:#ea9d21; color:#fff; padding:10px; border-radius:5px}

.user .btn{background: #eb008b;color: #fff;display: block;/* max-width: 300px; */margin: 10px auto;width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.btns_flex{display:flex;margin: 20px 0;}
.btns_flex .btn{width:100%; margin:10px 2%;}
.btns_flex a:not(.btn){line-height:40px;width: 100%;color: #fff;background: #333;height: 40px;display: block;margin: 10px;border-radius: 10em;text-decoration: none;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.3);text-transform: uppercase;text-indent: -9999px;position: relative;}
.btns_flex a[rel="nofollow"]:after{content:'Cerrar Sesión';position:absolute;left:0;top:0;line-height:40px;width: 100%;text-indent: 0;}

.home .categories {display:flex;width:100%;flex-wrap:wrap;margin: 50px auto 0;justify-content: space-around;padding: 0;background: rgba(0,0,0,.9);border-radius: 5px;box-shadow: 0 0 20px #000,0 0 40px #000;display: none;}
.home .categories a {text-decoration:none;font:600 1em 'Poppins';position: relative;padding: 10px;display:flex;align-items:center;justify-content:center;height: 110px;width: 20%;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.4);margin: 0;background: #000;box-shadow: 0 0 10px rgba(0,0,0,1);border-radius: 0;overflow: hidden;}
.home .categories a span{ display:none;}
.home .categories a img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity: .3;}
.home .categories a figcaption{position:relative;z-index:2;/* background: radial-gradient(ellipse at center,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 70%); */}

.slideshow,.slideshow img{width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.slideshow img{animation: round 30s infinite;opacity: 0;}
@keyframes round{16%{ opacity:1;}32%{opacity:0;}}
.slideshow img:nth-child(1){animation-delay:0s;}
.slideshow img:nth-child(2){animation-delay:5s;}
.slideshow img:nth-child(3){animation-delay:10s;}
.slideshow img:nth-child(4){animation-delay:15s;}
.slideshow img:nth-child(5){animation-delay:20s;}
.slideshow img:nth-child(6){animation-delay:25s;}



.adfixed{position:absolute;bottom:-140%;width:100%;background: #000;padding:10px 0;text-align:center;transition:.4s;box-shadow: 0 -20px 60px rgba(86, 86, 86, 0.4);z-index: 2;}
.adfixed .close{bottom:90%;top:initial;background: #000;right:4%;/* box-shadow: 0 0 30px rgba(0,0,0,.2); *//* filter:invert(1); */width: 40px;height: 40px;position: absolute;border-radius: 0;text-align: center;justify-content: center;padding: 0;}
.adfixed.active{bottom:100%;}

.ctrl_btns{width:100%;position: fixed;height:80px;bottom:0;left:0;top: initial; background: rgba(0,0,0,.9); z-index: 3;display: flex;align-items: center;justify-content: space-between; /* box-shadow: 0 -10px 30px rgba(0,0,0,.8);*/

  background: rgba( 255, 255, 255, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );

}
.ctrl_btns a{display: flex;color: #fff;z-index: 3;text-decoration: none;align-items: center;width: fit-content;height: 100%;background: #212121;position: relative; /* overflow: hidden;*/}
.ctrl_btns a.go_home{text-align:center;justify-content:center;background: #212121;color:#fff;}
.ctrl_btns a.go_home em{ display:none;}
.ctrl_btns a.go_home figcaption{text-align:center;justify-content:center;padding: 0 20px;}
.ctrl_btns a figure{width: 180px;height: 100%;}
.ctrl_btns a figcaption{width:100%;margin: 0 10px;position:relative;display: flex;/*flex-wrap: wrap;*/align-items: center;padding: 0 30px 0 0;}
.ctrl_btns a figcaption i{/* position:absolute;*/ right: 0;font-size:3em;font-weight:900;transform: rotate(270deg);}
.ctrl_btns a figcaption span{display:block;white-space: nowrap;line-height: 1em;margin: 0 0 4px;/* color: #000; */width: 100%;}
.ctrl_btns a figcaption strong{display:block;font: 900 1.2em 'Poppins';width: 100%;}
.ctrl_btns a figure img{width:100%;height:100%;object-fit: cover;}
.ctrl_btns a.down figcaption{text-align:right;justify-content:right;padding: 0 0 0 30px;}
.ctrl_btns a.down figcaption i{left:0;right: inherit;}
.ctrl_btns a.down{border-left: 1px solid #fff;justify-content: right;background: #dc4726;}
.ctrl_btns a em{position:absolute;font-size: 7em;font-weight:900;z-index:0;opacity: .05;right: 50px;}
.ctrl_btns a.down em{ right:inherit; left:50px; opacity:.15}


.bannerpase{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;

}

.bannerpase img{
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 700px;
    
}

.logo-inicio{
  width: 60%;
  height: auto;
  margin: 0 auto;
}





.open_nav {width: 50px;position: absolute;height: 50px;position: fixed;right: 20px;top: 20px;z-index: 5;display: flex;align-items: center;justify-content: center;}
.open_nav span {display: inline-block;height: 3px;width: 35px;border-radius: 10em;transition: 0.3s;background: #ffffff;position: relative;}
.open_nav span:before,.open_nav span:after {display: inline-block;height: 3px;width: 100%;border-radius: 10em;transition: 0.3s;background: #ffffff;content: '';position: absolute;/* left: 0; */}
.open_nav span:before,.open_nav span:after {/* transform-origin: 50% 50%; */transition: top .3s .6s ease, transform .3s ease;}
.open_nav span:before {top: 12px;}
.open_nav span:after {top: -12px;}
.open_nav span,.open_nav span:before,.open_nav span:after{box-shadow:0 0 10px rgba(0,0,0,.8);}

.open_nav.active {background: rgba(0,0,0,-0.9);box-shadow: 0 0 37px rgba(0,0,0,.05);border-radius: 10em;}
.open_nav.active span {transform: scale3d(1, 1, 1);}
.open_nav.active span {background: transparent;width: 100%;box-shadow: none;}
.open_nav.active span:before,.open_nav.active span:after {top: 0;transition: top .3s ease, transform .3s .5s ease;width: 45px;height: 3px;/* box-shadow: none;*/}
.open_nav.active span:before {transform: rotate3d(0, 0, 1, 45deg);}
.open_nav.active span:after {transform: rotate3d(0, 0, 1, -45deg);}




/*------ Nav-------*/
nav{background: #212121;color:#fff;width: 100%;height: 100%;position:fixed;top:0;z-index: 4;padding: 10px;overflow: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
nav.visible{left:0;z-index:2}
nav.hide{display:none;}
nav a{width: 32.666%;height: 24%;overflow:hidden;color:#fff;display: inline-block;position:relative;margin: 0 0 1% 0;border-radius: 0;/* float: left; */background: #000;display: block;flex-wrap: nowrap;visibility:hidden;}
nav a:first-child{display:flex;align-items:center;background: #dc4726;}
nav a:first-child figure{ display:flex; align-items:center;}
nav a:first-child figcaption{ position:relative; font-size: 1.8em;}
nav a:first-child img{opacity:.3;object-position: 10% 57%;transform: scale(1.5);}
nav.animated.fadeOut a{ display:block;}
nav a figure{position:absolute;left:0;top:0;width:100%;height:100%;}
nav a figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
nav a figure:after{position:absolute;left: -0.3%;bottom: -0.3%;width: 101%;content:'';background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.9) 100%);display:block;height: 101%;z-index: 1;box-shadow: inset 0 0 100px rgba(0, 0, 0, 1);opacity: .7;}
nav a figure figcaption{position:absolute;left:0;bottom:0;width:100%;padding: 50px 25px;z-index: 2;text-shadow: 0 0 20px #000, 0 0 30px #000;text-align: center;}
nav a figure figcaption span{display:block;opacity:0;max-height: 0;transition: .8s ease;margin: 0;padding: 0;width: 100%;}
nav a figure figcaption strong{display:block;font: 700 1.5em 'Poppins';color: #ddd;}
nav a figure figcaption img{
   
}

nav a figure figcaption img{
    display: none;
}

nav a:nth-child(1) figure figcaption img{
    display: flex;
    margin: 0 auto;
}

nav a:nth-child(16) figure figcaption img{
    display:flex;
    height: auto;
    display: block;
    position: relative;
    margin: 0 auto;
    padding-bottom: 10px;
    /* display: none; */
    width: 140px;

}

nav a em{position:absolute;left: 0px;top:0;z-index:2;font-size: 2.5em;line-height: 1em;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,1);border-bottom: 1px solid #e87324;padding: 15px 20px 10px 15px;opacity: 1;font-weight: 500;}
nav a:hover em{padding: 15px 20px 10px 15px;}
nav a:hover figure figcaption span{opacity:1;max-height: 300px; }

nav a:hover figure figcaption strong{opacity:1;animation-delay:1s;margin: 10px 0;}
nav a:hover figure:after{opacity: 1;background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.92) 100%);box-shadow: none;opacity: .9;}
nav a:hover em{opacity: .1;}

/*------ slider-------*/
.slider.owl-loaded{display:block;overflow: visible;}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{-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{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0);height: 100%;}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}

.slider{width: 100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;margin: 0;display:none;height: 100%;}
.slider .owl-dots{position:absolute;bottom: 14%;right: 42%;}
.slider .owl-dots .owl-dot{width:10px;height:10px;background:#fff;float:left;margin: 0 3px;}
.slider .owl-dots .owl-dot.active{background:#e91622;}
.slider .owl-stage{height: 100%;margin-top: 0%;}
.slider.owl-carousel .owl-stage-outer{/* overflow:visible; */height: 100%;}
.slider .owl-item{width:100%;/* opacity: .1; */overflow:hidden;height: 100%;position: relative;float: left;}
.slider .owl-item div{position:relative;height: 90%;width: 87%;margin: 0 auto;top: 5%;overflow: hidden;box-shadow: 0 0px 30px rgba(0,0,0,.6);}
.slider .owl-item.active{opacity:1;z-index: 2;/* -webkit-filter:grayscale(0);*/}
.slider .owl-item.active .item{opacity:1;z-index: 2;background-repeat: no-repeat;background-size: cover;background-position: center;}
.slider .owl-item img{transform-style:preserve-3d;position: absolute;z-index: 0;display: block;width:100%;margin: 0;height: 100%;object-fit: cover;}
.slider .owl-item .item{width:100%;display: block;position:relative;background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 400px;}
.slider .owl-item .item:after{width: 100%;height:100%;display:block;content:'';position: absolute;top: 0;z-index: 2;right: 0;background-size: 100% 100%;background: linear-gradient(180deg,  rgba(0,0,0,0) 55%,rgba(0,0,0,.5) 100%);}
.slider p{position:absolute;bottom: 0;font: 100 1em/1.2em 'Poppins';color:#fff;z-index: 3;text-shadow: 0 0 10px rgba(0,0,0,1);left: 0;text-align: center;padding: 20px;width: 100%;margin: 0;background: linear-gradient(1800deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.slider p strong{display: block;line-height: 1.5em;border-radius: 2px;font-weight: lighter;}
.slider p span{display: block;font-weight: lighter;font-size: .8em;opacity: .7;}
.slider .owl-prev,.slider .owl-next{position: absolute;top:45%;border-radius:100em;width: 45px;height: 45px;color: #000;font: normal 1.5em 'FontAwesome';text-align: center;text-indent:-999px!important;overflow:hidden;cursor: pointer;}
.slider .owl-prev.disabled,.slider .owl-next.disabled{ opacity:.4; cursor:default;}
.slider .owl-prev:hover,.slider .owl-next:hover{/* opacity: 1; */}
.slider .owl-prev:after,.slider .owl-next:after{top:0;position:absolute;display:block;text-align:center;line-height: 45px;width:100%;height:100%;}
.slider .owl-prev{left: 20px;text-indent: -4px;}
.slider .owl-next{right: 20px;text-indent: 4px;}
.slider .owl-prev:after{content:"\f177";text-indent:-3px;}
.slider .owl-next:after{content:"\f178";text-indent:3px;}


/*------ Footer-------*/
footer{/* background: #fff;*/z-index: 2;width: 100%;height:30px;position:fixed;bottom:0;left:0;}
.logoMD{position:absolute;right: 0;bottom:0;width: 180px;height: 70px;padding: 14px 0px 16px 5px;z-index: 3;}
.logoMD img{width:100%;height:100%;object-fit:contain;}
footer:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -80px;bottom: -230px;display:block;width: 300px;height: 400px;}
main:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 60%);content:'';position:absolute;right: -12%;top: -26%;display:block;width: 50%;height: 50%;/* z-index: 2; */}

main #content{width:100%;/* height:100%; *//* background:#fff; *//* top: 0; *//* position: absolute; *//* z-index: 1; */}
main #content:after{content:'';display:block;position:fixed;width: 100%;top: 0;left: 0;height: 90px;background: linear-gradient(0deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);z-index: 2;}
main #content.hide{/* display:none */}
main #content > figure{position: fixed;left:0;top:0;width:100%;height:100%;}
main #content > figure:after{position:absolute;left:0;bottom:0;width:100%;content:'';background: rgba(0,0,0,.9);display:block;height: 100%;z-index: 1;box-shadow: inset 0 0 1000px rgba(0,0,0,.3);opacity:1;}
main #content > figure img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
main #content .inner{position: relative;z-index:3;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.8);/* height: calc(100% - 110px); */top: 0;overflow: inherit;display: flex;justify-content: space-around;padding: 0 0 140px;}
main #content .inner .col iframe{
    background: transparent;
    /* position:absolute; */width: 100%;overflow: auto;bottom: 0;padding: 10px 0;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,.8);/* opacity: 0; */
    /*height: 74%;*/
    height: initial;
    padding: 0;
    box-shadow: none;
}
main #content .inner h1{font: 900 2.4em/1.6em 'Poppins';margin-bottom: 10px;padding: 0 0 10px;border-bottom: 0px solid; margin-top: 1em;}
main #content .inner h1 span{ display:block; font:italic .5em 'Times New Roman'; margin-bottom:10px}
main #content .inner p{font: normal 1.6em/1.2em 'Poppins';}
main #content .number{position: fixed;top: 0;z-index:3;color: #fff;text-shadow: 0 0 10px rgba(0,0,0,.3);font: 400 1.6em/3.5em 'Poppins';word-spacing: -7px;color: rgba(255,255,255,.3);white-space: nowrap;}
main #content .number span:first-child{opacity:1;color: #fff;font-size: 3em;padding: 0 10px;font-weight: 700;}
main #content .number span:last-child{/* opacity:.4 */padding: 0 10px;}
main #content .more_info {position:absolute;bottom: 110px;width: 80px;text-align: center;color: #fff;font: normal 1em/normal 'Poppins';right: 4%;z-index: 3;text-decoration: none;}
main #content .more_info span{width: 50px;height: 50px;line-height: 50px;font-size: 1em;border-radius: 10em;border: 2px solid #fff;right: 3%;background: rgba(0,0,0,.3);display:block;color: #fff;margin: 0 auto 4px;}
main #content .more_info:hover span {margin-bottom:15px;color: #000;background: #fff;}

.col{max-width: calc(100% - 80px);position:relative;/* height: 100%; */display: flex;width: 100%;justify-content: space-between; flex-direction: column;}
aside{width:300px;display: flex;align-items: center;}
aside .close_ad{display:none}

.text_poll{width: 100%;padding: 20px 0;
margin-top: 60px;
}
.text_poll > section{position:sticky;top: 30px;}
.go_login{
  width: 100%;
  padding: 4% 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#content .publicidad{text-align:center}
#content .publicidad *:not(script){ display:inline-block; background:#eee;}

article.more{position:absolute;top:0;left: 0;width:100%;background:#fff;z-index: 5;height: 100%; display:block;}
article.more.hide{ display:none;}
article.more.fadeOut iframe { display:none}
article.more .note {position:relative;height: 100%;}
article.more .note figure {padding:20px;width:50%;}
article.more .note .text {position:absolute;height: 90%;width: 46%;right:2%;top: 6%;overflow:auto;}
.text p{ font:lighter 1.3em 'Poppins'; color:#444}
.text h1{ font:700 2.2em 'Poppins'; color:#222; margin:4% 0 0 0}
.text h2{ font:700 1.8em 'Poppins'; color:#222; margin:4% 0 0 0}
.text h3{ font:700 1.5em 'Poppins'; color:#222; margin:4% 0 0 0}
article.more .video {position:relative;height: 100%;width: 100%;padding: 5.5%;background: #000;}
article.more .video > *{position: relative;height: 100%;width: 100%;}

.close {background: transparent;border-radius: 10em;width: 50px;height: 50px;position: absolute;right: 2%;top: 1%;z-index: 10;padding: 11px 0 0 0; display: none; }
.close span {transform: scale3d(1, 1, 1); display: none;}
.close span {background: transparent;width: 30px;box-shadow: none; color: transparent; }
.close span:before,.close span:after {top: 27px;transition: top .3s ease, transform .3s .5s ease;width: 45px;height: 3px;/* box-shadow: none;*/display: inline-block;height: 3px;width: 35px;border-radius: 10em;transition: 0.3s;background: #000; background: transparent; content: '';position: absolute;left: 8px;transform-origin: 50% 50%;transition: top .3s .6s ease, transform .3s ease;}
.close span:before {transform: rotate3d(0, 0, 1, 45deg); background: transparent;}
.close span:after {transform: rotate3d(0, 0, 1, -45deg); background: transparent; }
.close.white span:before,.close.white span:after {background: #fff;}



.next{display:block;width: 40px;height: 40px;color: #ffffff;font-size: 2em;text-align:center;line-height: 40px;position: absolute;bottom: 10px;left: calc(50% - 20px);animation: bounce 2s infinite;background: radial-gradient(ellipse at center,  rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 70%);padding: 0px 10px 20px 10px;text-shadow: 0 0 10px #000;z-index: 2;}

#loader-notes{position:fixed;height:100%;width:100%;background: #111;display:none;z-index: 4;overflow: hidden;}
#loader-notes.visible{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: height;}
#loader-notes.visible2{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: height2;}
#loader-notes.hide{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: quitar;}
#loader-notes.hide2{ display:block;animation-duration: .5s;animation-fill-mode: both;animation-name: quitar2;}
@keyframes height {from{height:0;top:0%}to{height:100%;top:0;}}
@keyframes quitar {from{height:100%;top:0}to{height:0;top:0%;}}
@keyframes height2 {from{height:0;bottom:0}to{height:100%;bottom:0%;}}
@keyframes quitar2 {from{height:100%;bottom:0}to{height:0;bottom:0%;}}

#loader-notes figure{position:absolute;top:0;left:0;background-position: center center;background-repeat: no-repeat;background-size: cover; opacity:.2; filter:blur(3px)}
#loader-notes.visible2 figure{top:inherit; bottom:0}
#loader-notes.hide2 figure{top:inherit; bottom:0}
#loader-notes span{position:absolute;bottom: 25%;left:0;color: rgba(255,255,255,.1);font: normal 10em 'Poppins';text-align:center;text-shadow: 0 0 10px rgba(0,0,0,.1);width: 100%;bottom: -15%;}
#loader-notes.visible span{ bottom:25%; display:none;}



.share{position:fixed;top: 20px;right: 90px;z-index: 5;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 50px 0 0 0;}
.share_icon{display:block;width: 35px;height: 35px;border-radius:10em;position: absolute;transform: scale(.88);top: 10px;}
.share_icon span{ background:none; border:2px solid #fff; position:absolute;}
.share_icon span:nth-child(1){top: calc(50% - 6px);left: 2px;z-index: 2;}
.share_icon span:nth-child(2){top: 0;right: 0;}
.share_icon span:nth-child(3){bottom: 0;right: 0;}
.share_icon span:nth-child(2):after{width: 15px;height: 3px;background:#fff;content:'';position:absolute;transform: rotate(145deg);top: 10px;right: 100%;box-shadow: 0 0 10px rgba(0,0,0,.3);transform-origin: top;}
.share_icon span:nth-child(3):after{width: 15px;height: 3px;background:#fff;content:'';position:absolute;transform: rotate(-145deg);bottom: 6px;right: 100%;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.share_icon span:nth-child(3){bottom: 0;right: 0;}
.share_icon span{background:none;border: 3px solid #fff;width: 12px;height: 12px;display:block;border-radius: 10em;box-shadow: 0 0 10px rgba(0,0,0,.4), inset 0 0 3px rgba(0,0,0,.5);z-index: 1;}
.share a{text-align: center;height: 40px;width: 40px;line-height: 40px;background: #fff;/* border-radius: 10em; */margin: 0px 0;color: #888;box-shadow: 0 0 5px rgba(0,0,0,.8);opacity:0;display:block;display:none;}
.share:hover a{opacity: 1;animation-duration: .5s;animation-fill-mode: both;animation-name:fadeTo; display:block;}
.share a:nth-child(2){ animation-delay:.1s}
.share a:nth-child(3){ animation-delay:.2s}
.share a:nth-child(4){ animation-delay:.3s}
.share a:nth-child(5){ animation-delay:.4s}
.share a:nth-child(6){ animation-delay:.5s}
@keyframes fadeTo {from{opacity:0;display:none;}to{opacity:1; display:block;}}
.share a:hover{ color:#fff;}
.share a.facebook:hover{ background:#3b5998}
.share a.twitter:hover{ background:#1da1f2}
.share a.pinterest:hover{ background:#bd081c}
.share a.google:hover{ background:#db4437}
.share a.whatsapp:hover{ background:#09d261}
.share a.whatsapp{ display:none}



.banner_timer {
    display: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

.banner_timer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    /* width: 100%; */
    display: flex;
    /* justify-content: center; */
}

.banner_timer ul li {
    display: flex;
    font-weight: 300;
    /* line-height: 20px; */
    margin: 0;
    text-align: center;
    /* width: 100px; */
    border: 1px solid #FFF;
    flex-direction: column;
    padding-left: initial;

    display: flex
;
    flex-direction: column;
    align-items: center;
    padding: 5px 20px;
    border: 2px solid #e99c23;
    border-radius: 15px;
    color: #FFF;
    margin-right: 12px;

}

.banner_timer ul li span {
    font-size: 2em;
    font-weight: 900;
    display: block;
    margin: 0 0 5px;
    padding: 0;
    text-align: center;
}


.timer{
    margin:40px 0 0; 
    /* text-align:center; */
}

.go_login .timer{
  margin: 0 auto;
}

.go_login .timer .banner_timer{
  display: flex;
  margin: 1.6em auto 10px;
  padding: 0;
  width: 100%;
  justify-content: center;
}

.it_epoll_container{
    font: normal 1em 'Poppins'; 
    /* background: #444!important; */ 
    width: 100%;
    overflow: auto;
    border: none;
    /* box-shadow: 0 0 40px rgba(0,0,0,.4);
    background: rgba( 0, 0, 0, 0.25 )  !important ;
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ) !important;
    backdrop-filter: blur( 4px ) !important;
    -webkit-backdrop-filter: blur( 4px ) !important; */

    padding: 0;
    margin: 0;
    box-shadow: none;
    background: transparent !important;
    

    /* border-radius: 10px !important; */
    /* border: 1px solid rgba( 255, 255, 255, 0.18 ) !important; */

}
.it_epoll_title{display:none;}
.it_epoll_grid .it_epoll_survey-name{color:#FFF;font:700 1em 'Poppins';padding: 20px 10px 60px; line-height: 1.3; background: #212121;}
.it_epoll_surveys.it_epoll_grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap: 25px;}
.it_epoll_grid .it_epoll_survey-item{width:100%;display:block;margin: 0;background: #212121 !important;}
.it_epoll_survey-item .it_epoll_big_cover{display:none;}
.it_epoll_grid .it_epoll_survey-country{margin:0;}
.it_epoll_survey-country img{width:100%!important;height: 150px!important;object-fit: cover;border-radius: 0px!important;border: none;}
.it_epoll_spinner_stop, .it_epoll_list .it_epoll_spinner_stop{margin: 10px 0!important;}
.it_epoll_spinner{margin: 10px 0!important;}
.it_epoll_survey-item-action{padding: 10px;margin:0;box-shadow: none;position: absolute;bottom: 0;left: 0;}
#it_epoll_survey-vote-button, .it_epoll_survey-notfound-button{display:block;width:100%!important;max-width: inherit;height: 40px;line-height: 40px;padding: 0!important;font: normal 1em 'Poppins';margin: 0!important;background: #212121 !important;box-shadow:0 0 10px rgba(0,0,0,.2)!important;border-radius:0em!important;}
#it_epoll_survey-vote-button, .it_epoll_survey-notfound-button{box-shadow:0 0 10px rgba(0,0,0,.2)!important;opacity: .85; border: 1px solid #FFF;}
#it_epoll_survey-vote-button:hover{opacity:1}
#it_epoll_survey-vote-button[value="Voted"]{opacity: 1;box-shadow: 0 0 10px rgba(0,0,0,1)!important;}
.it_epoll_grid .it_epoll_survey-progress{display:none;}
.it_epoll_card_front{box-shadow:none!important; background: transparent; }

/* .voted{width:100%; text-align:center; padding:20px; background:rgba(0,0,0,.4); border-radius:5px; margin:20px 0} */

.voted {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin: 20px 0;
    background: #b71540;
    font-size: 16px;
    color: #FFF;
    border: 1px solid #b71540;
}

.it_epoll_container img{opacity: 0; transition: .3s; background:#ddd;}
.it_epoll_container img.ready{opacity:1;}

.percent{position:absolute;top:0;left:0;width:100%;text-align:center;display:flex;height: 100%;align-items: center;justify-content: center;background: rgba(0,0,0,.8); display: none;}
.percent span{font-size: 1.6em;color: #fff;position: absolute;top: 50%;z-index: 2;transform: translateY(-50%);}
.perCirc {
	position: absolute;
	text-align: center;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	background-color: #54b6a8;
	background-image: linear-gradient(91deg, transparent 50%, #ccc 50%), linear-gradient(90deg, #ccc 50%, transparent 50%);
	z-index: 1;
	transform: scale(.8);
	opacity: .5;
}
.perCirc .perCircInner {
	position: relative;
	top: 10px;
	left: 10px;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background-color: #444;
}
.perCirc .perCircInner div {
	position: relative;
	top: 22px;
	color:#777;
}
.perCirc .perCircStat {
	font-size: 30px;
	line-height:1em;
}

.scroll_retro {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);
    width: 100%;
    /* font: bold .8em 'Font Awesome 5 Free'; */
    font-weight: bold;
    font-size: .8em;
    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
    left: 0;
    bottom: 70px;
    z-index: 1;
    position: fixed;
    flex-direction: column;
    color: #ffff;
}

.scroll_retro:after {
    font-family: FontAwesome;
    content: '\f063';
    white-space: pre;
    animation-name: godown;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: #ffff;
    text-align: center;
}

.scroll_retro.nomore {
    background: linear-gradient(0deg,rgba(0,0,0,.3) 55%,rgba(0,0,0,.0) 100%);
    transition: .4s;
}
.scroll_retro.nomore:after {
    opacity: .8;
    content: '\f062';
    animation: none;
    color: #fff;
}

.vercatego{
    margin-top: 0 !important;
    margin-bottom: 30px;
}

@keyframes godown {
    0% {margin:0 0 0 0}
    20% {margin:-5px 0 0 0}
    40% {margin:10px 0 0 0}
    80% {margin:-5px 0 0 0}
    100% {margin:0 0 0 0}
  }

  .excer{
    color: #FFF;
    font-size: 1.5em;
  }


  nav a:first-child img.pasecustombottom{
    opacity: 1;
    width: 250px;
    height: auto;
    transform: initial;
    object-position: center;
    position: relative;
  }

  .videoencuesta{
    width: 100%;
    height: 100%;
    position: relative;
  }
  .videoencuesta video{
    width: 100%; 
    height: 100vh; 
    object-fit: cover; 
    top: 0; 
    position: sticky;
  }

 

 

  main #content .inner h1{
    font-size: 32px;
    font-weight: 400;
  }

  .tituloepoll{
    font-weight: 400;
    font-size: 18px;
  }

  .descripcion1{
    display: flex;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
  }


  /* REGISTRO */

  .backregistro2 {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2001;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
  }


  .modal_registro2 .contenficha	.sugerencias_registro{
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
  }
  
  .modal_registro2 .contenficha	.sugerencias_registro p{
    font-size: 1.4em;
    margin-bottom: 15px;
    font-weight: 600;
  }
  
  .modal_registro2 .contenficha	.sugerencias_registro .gridsugerencias{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 10px 0;
    width: 100%;
  }
  
  .modal_registro2 .sugerencias_registro .destino-seleccionado .gridseleccionados{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    margin: 10px 0;
    width: 100%;
  }

  .destino-seleccionado .btn{
    font: 500 1em 'Poppins';
    width: 100%;
    border-radius: 5px;
    margin: 0 auto;
  }

  .btn-anim {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;

    min-width: 120px;
    min-height: 40px;
    padding: 10px 20px;
    display: inline-flex;
    font-size: 22px;
    align-items: center;
    justify-content: center;
    width: fit-content;
    /* text-transform: uppercase; */
    text-align: center;
    /* letter-spacing: 1.3px; */
    font-weight: 700;
    color: #FFF;
    background: #e87324;
    background: linear-gradient(90deg, rgba(232, 115, 36,.75) 0%, rgba(232, 115, 36,1) 100%);
    border: none;
    border-radius: 4px;
    box-shadow: 12px 12px 24px rgba(232, 115, 36,.64);
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    outline: none;
    position: relative;
    margin: 1em 0;
    text-decoration: none;
    text-shadow: none;
    /* padding: 10px; */
}

.btn-anim::before {
    content: '';
    border-radius: 4px;
    width: fit-content;
    /* min-width: calc(140px + 12px);
    min-height: calc(40px + 12px); */
    border: 6px solid #e87324;
    box-shadow: 0 0 40px rgba(232, 115, 36,.64);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .3s ease-in-out 0s;
}

.btn-anim:hover, 
.btn-anim:focus {
    color: #FFF;
    transform: translateY(-6px);
}

.btn-anim:hover::before, 
.btn-anim:focus::before {
    opacity: 1;
}

.btn-anim:hover::after, 
.btn-anim:focus::after {
    display: none;
}

.btn-anim::after {
    content: '';
    width: 30px;
     height: 30px;
    border-radius: 100%;
    border: 6px solid #e87324;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: ring 1.5s infinite;
}

.btn-anim:hover::after, 
.btn-anim:focus::after {
    animation: none;
    display: none;
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}
@keyframes ring {
  0% {
      width: 30px;
      height: 30px;
      opacity: 1;
  }
  100% {
      width: 300px;
      height: 300px;
      opacity: 0;
  }
}
.destino-seleccionado{
  display: flex;
  flex-direction: column;
  align-items: center;
}

  .selected-destination{
    display: flex;
    width: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }

  .selected-destination img{
    display: flex;
    width: 100%;
    border-radius: 10px;
  }
  .selected-destination label{
    color: #FFF;
  }
  .selected-destination i{
    display: none;
  }


  .modal_registro2 .contenficha	.sugerencias_registro label{
    display: initial;
    width: initial;
    background-color: initial;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    display: initial;
    justify-content: initial;
    align-items: initial;
    height: auto;
    text-align: initial;
    color: initial;
    font-weight: initial;
    cursor: initial;
    color: #fff;
    margin-bottom: 5px;
    display: flex;
    /* color: #000; */
    justify-content: left;
    width: 100%;
  }
  
  .modal_registro2 .contenficha	.sugerencias_registro input{
    background: #fff;
      border-bottom: 1px solid #8a99ad;
      padding: initial;
      height: 40px;
      display: flex;
      align-items: center;
      font-size: .9em;
      color: #8a99ad;
      margin-top: 0;
      font-family: roboto mono, monospace;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      width: 100%;
      margin: 10px 0;
  }
  
  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item{
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  
  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item img{
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item span{
    font-size: 10px;
    text-align: center;
    color: #f7f7f7;
  }




  input[type=submit], .btn, .text a.btn {
    font: initial;
    box-shadow: none;
  }
  
  .contenido_modal h2 {
    padding: 10px;
    line-height: 22px;
    font-weight: initial;
    font-size: 12px;
    margin-bottom: initial;
    font-family: "Aktiv Grotesk W01 Medium", serif;
  }
  
  .backtoastdark, .backtoast, .backload, .backmodal {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    justify-content: center;
    align-items: center;
  }
  
  .modalme, .toast {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 6;
  }
  
  .boxalerta {
    position: relative;
    background: #ffffff;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 370px;
    border-radius: 5px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: zoomIn;
    animation-duration: 0.4s;
    -webkit-animation-name: zoomIn;
  }
  
  .md-generic .header_modal, .md-info .header_modal, .md-error .header_modal, .md-warning .header_modal, .md-sucess .header_modal {
    padding: 10px 0;
    text-align: center;
    width: 100%;
    border-radius: 4px 4px 0 0;
    font-weight: normal;
    color: #ffffff;
  }
  
  .header_modal h3 {
    display: inline-block;
    margin-left: 5%;
    margin-bottom: initial;
    font-family: "Aktiv Grotesk W01 Medium", serif;
    font-weight: initial;
  }
  
  .header_modal p {
    cursor: pointer;
    display: inline-block;
    margin-right: 14px;
    font-size: 24px;
    float: right;
    color: #1f1f1f;
  }
  
  .md-generic .contenido_modal, .md-info .contenido_modal, .md-error .contenido_modal, .md-warning .contenido_modal, .md-sucess .contenido_modal {
    padding: 15px;
    margin: auto;
    text-align: center;
    color: #707070;
  }
  
  .contenido_modal i {
    text-align: center;
    width: 60px;
    margin: auto;
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
    font-size: 4em;
  }
  
  .contenido_modal h2 {
    padding: 10px;
    line-height: 22px;
    margin-bottom: initial;
    font-family: "Aktiv Grotesk W01 Medium", serif;
  }
  
  .contenido_toast {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .botoneras_modal {
    margin: 0 auto;
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
  }
  
  .md-generic .boton_aceptar, .md-info .boton_aceptar, .md-error .boton_aceptar, .md-warning .boton_aceptar, .md-sucess .boton_aceptar {
    width: 100%;
    text-align: center;
  }
  
  .md-generic .boton_aceptar input, .md-info .boton_aceptar input, .md-error .boton_aceptar input, .md-warning .boton_aceptar input, .md-sucess .boton_aceptar input {
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 30px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    font-family: "Aktiv Grotesk W01 Medium", serif;
    font-size: 12px;
  }
  
  .boton_cancelar {
    width: 100%;
    text-align: center;
  }
  
  .boton_cancelar input {
    cursor: pointer;
    border-radius: 5px;
    padding: 5px 30px;
    margin-bottom: 20px;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 0.4s;
    /* Safari */
    transition-duration: 0.4s;
    border: 1px solid #707070;
    background: #ffffff;
    color: #707070;
    font-family: "Aktiv Grotesk W01 Medium", serif;
    font-size: 12px;
  }
  
  .boton_cancelar input:hover {
    background: #f2f2f2;
    color: #707070;
  }
  
  .loading {
    display: none;
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 6;
  }
  
  .loading img {
    position: absolute;
    margin: auto;
    top: 0%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 110px;
    height: 110px;
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: 0.4s;
    animation-name: zoomIn;
    animation-duration: 0.4s;
  }
  
  .loadligth {
    display: flex;
  }
  body.dark .loadligth {
    display: none;
  }
  
  .loaddark {
    display: none;
  }
  body.dark .loaddark {
    display: flex;
  }
  
  .simbolotoast i {
    font-size: 45px;
    -webkit-animation: float 2s linear infinite;
    animation: float 2s linear infinite;
  }
  
  .additem i {
    color: #269343;
  }
  
  .minusitem i {
    color: #af173c;
  }
  
  .backmodal {
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .backload {
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .backtoast {
    background-color: rgba(255, 255, 255, 0.5);
  }
  
  .backtoastdark {
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .md-sucess .header_modal {
    background: #269343;
  }
  .md-sucess .contenido_modal i {
    color: #269343;
  }
  .md-sucess .boton_aceptar input {
    border: 1px solid #269343;
    background: #ffffff;
    color: #269343;
  }
  .md-sucess .boton_aceptar input:hover {
    background: #269343;
    color: #ffffff;
    border: 1px solid #269343;
  }
  
  .md-sucess .header_modal {
    background: #269343;
  }
  .md-sucess .contenido_modal i {
    color: #269343;
  }
  .md-sucess .boton_aceptar input {
    border: 1px solid #269343;
    background: #ffffff;
    color: #269343;
  }
  .md-sucess .boton_aceptar input:hover {
    background: #269343;
    color: #ffffff;
    border: 1px solid #269343;
  }
  
  .md-warning .header_modal {
    background: #ffb500;
  }
  .md-warning .contenido_modal i {
    color: #ffb500;
  }
  .md-warning .boton_aceptar input {
    border: 1px solid #ffb500;
    background: #ffffff;
    color: #ffb500;
  }
  .md-warning .boton_aceptar input:hover {
    background: #ffb500;
    color: #ffffff;
    border: 1px solid #ffb500;
  }
  
  .md-error .header_modal {
    background: #af173c;
  }
  .md-error .contenido_modal i {
    color: #af173c;
  }
  .md-error .boton_aceptar input {
    border: 1px solid #af173c;
    background: #ffffff;
    color: #af173c;
  }
  .md-error .boton_aceptar input:hover {
    background: #af173c;
    color: #ffffff;
    border: 1px solid #af173c;
  }
  
  .md-info .header_modal {
    background: #0b5eab;
  }
  .md-info .contenido_modal i {
    color: #0b5eab;
  }
  .md-info .boton_aceptar input {
    border: 1px solid #0b5eab;
    background: #ffffff;
    color: #0b5eab;
  }
  .md-info .boton_aceptar input:hover {
    background: #0b5eab;
    color: #ffffff;
    border: 1px solid #0b5eab;
  }
  
  .md-generic .contenido_modal i {
    color: #707070;
  }
  .md-generic .boton_aceptar input {
    border: 1px solid #707070;
    background: #ffffff;
    color: #707070;
  }
  .md-generic .boton_aceptar input:hover {
    background: #707070;
    color: #ffffff;
    border: 1px solid #707070;
  }
  
  .boxalerta {
    width: 100%;
    max-width: 1300px;
  }
  
  iframe {
    display: block;
    width: 100%;
    border: none;
    height: 525px;
  }
  
  .boxalertavideo {
    min-width: 720px;
    width: 100%;
    max-width: 720px;
    height: 405px;
  }
  
  .micronotas {
    display: flex;
    width: 100%;
    padding: 20px;
    justify-content: space-between;
  }
  .micronotas .textmodal {
    display: flex;
    flex-direction: column;
    width: 45%;
    align-items: flex-start;
  }
  .micronotas .textmodal .titlemn {
    font-size: 18px;
    font-weight: bold;
    color: #c2002f;
    text-align: left;
  }
  .micronotas .textmodal p {
    font-style: italic;
    text-align: left;
  }
  .micronotas .imgmodal {
    display: flex;
    width: 45%;
  }
  .micronotas .imgmodal img {
    object-fit: cover;
    max-width: 100%;
    display: block;
    height: auto;
  }
  
  .check-list {
    margin: 0;
    padding-left: 1.2rem;
    margin-top: 20px;
  }
  
  .check-list li {
    position: relative;
    list-style-type: none;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem;
    text-align: left;
  }
  
  .check-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 11px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #a31f34;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
  
  .boxalerta.videoana {
    width: 700px;
  }
  
  .boxalerta.mapaescapadas {
    width: 1300px;
  }
  .boxalerta.videoana .contenido_modal,.boxalerta.videoana .md-info .contenido_modal,.boxalerta.videoana .md-error .contenido_modal,.boxalerta.videoana .md-warning .contenido_modal,.boxalerta.videoana .md-sucess .contenido_modal {
    padding: 0px !important;
    /* margin: auto;
    text-align: center;
    color: #707070; */
  }
  .boxficha {
    position: relative;
    /* background: #ffffff; */
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    animation-name: zoomIn;
    animation-duration: 0.4s;
    -webkit-animation-name: zoomIn;
}

.boxficha .cerrarregistro2 {
    display: flex;
    width: 100%;
    padding: 10px;
    justify-content: space-between;
    cursor: pointer;
    height: 70px;
    align-items: center;
}

.headerLogo {
    width: 100%;
    display: flex;
    justify-content: center;
}

.boxficha .cerrarregistro2 i {
    color: #FFF;
    font-size: 45px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

.contenficha {
    display: flex;
    position: relative;
    width: 100%;
    background: #212121;
    color: #FFF;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: auto;
    /* border-radius: 15px 15px 0 0; */
    flex-direction: column;
    overflow-y: scroll;
    /* overflow-y: scroll; */
    height: calc(100vh - 45px);
}
.modal_registro2 {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    top: 100%;
    left: 0;
    z-index: 2001;
    transition: all .3s ease-out;
    right: 0;
    margin: 0 auto;
    max-width: 450px;
}

.headerLogo {
    width: 100%;
    display: flex;
    justify-content: center;
}
.modal_registro2 .contenficha {
    /* height: 600px; */
    overflow-y: scroll;
    height: calc(100vh - 75px);
    /* background: #FF00AA; */
}
.modal_registro2 .contenficha	.sugerencias_registro {
    display: flex;
    flex-direction: column;
    padding: 25px 15px;
}
.modal_registro2 .contenficha	.sugerencias_registro p {
    font-size: 1.4em;
    margin-bottom: 15px;
    font-weight: 600;
    color: #FFF;
}
.modal_registro2 .contenficha .input-container {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column;
}
.modal_registro2 .contenficha .input-container .alignament {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    margin-bottom: 10px;
    flex-direction: column;
    position: relative;
}
.modal_registro2 .contenficha	.sugerencias_registro input {
    background: #fff;
    border-bottom: 1px solid #8a99ad;
    padding: initial;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: .9em;
    color: #8a99ad;
    margin-top: 0;
    font-family: roboto mono, monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    margin: 10px 0;
}
.modal_registro2 .contenficha	.sugerencias_registro .gridsugerencias {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 0;
    width: 100%;
}
.modal_registro2 .sugerencias_registro .gridsugerencias .grid-item {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.modal_registro2 .sugerencias_registro .gridsugerencias .grid-item img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}





@media only screen and (min-height: 1080px) {
    .modal_registro2 .contenficha {
        overflow-y: auto;
        height: auto;
    }
}


  @media (max-width: 1300px) {
    .boxalerta.mapaescapadas {
      width: 800px;
    }
  }
  @media (max-height: 1024px) and (orientation : portrait) {
    .modalme {
      /* display: grid;
      top: 0;
      position: fixed;
      overflow-y: auto; */
      display: grid;
          top: 70px;
          position: fixed;
          overflow-y: auto;
          margin-bottom: 50px;
    }
  
    .backmodal {
      position: fixed;
    }
  
    .boxalerta.videoana {
      width: 560px;
      height: 315px;
    }
  
    iframe {
      display: block;
      width: 100%;
      border: none;
      height: 260px;
    }
  }
  
  @media (max-height: 800px) and (orientation : landscape) {
    .modalme {
      /* display: grid;
      top: 0;
      position: fixed;
      overflow-y: auto; */
      display: grid;
          top: 70px;
          position: fixed;
          overflow-y: auto;
          margin-bottom: 50px;
    }
  
    .backmodal {
      position: fixed;
    }
  
    .boxalerta.videoana {
      width: 560px;
      height: 315px;
    }
  
    iframe {
      display: block;
      width: 100%;
      border: none;
      height: 260px;
    }
  }
  
  @media (max-width: 500px) {
    .loading img {
      width: 80px;
      height: 80px;
    }
  }
  @media (max-width: 800px) {
    .boxalertavideo {
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      height: 100%;
    }
  
    iframe {
      display: block;
      width: 100%;
      border: none;
      height: 300px;
    }
  
    .micronotas {
      flex-direction: column;
    }
    .micronotas .textmodal {
      width: 100%;
    }
    .micronotas .imgmodal {
      margin-top: 10px;
      width: 100%;
    }
  
    .boxalerta.videoana {
      width: 100%;
      height: 350px;
    }
  
    .boxalerta.mapaescapadas {
      width: 100%;
      height: 350px;
    }
  }
  @media (max-height: 500px) {
    .loading img {
      width: 80px;
      height: 80px;
    }
  }
  @media (max-width: 369px) {
    .contenido_modal {
      width: 320px;
    }
  }
  /*Animaciones Modales y Toast*/
  @keyframes expandOpen {
    0% {
      transform: scale(1.8);
    }
    50% {
      transform: scale(0.95);
    }
    80% {
      transform: scale(1.05);
    }
    90% {
      transform: scale(0.98);
    }
    100% {
      transform: scale(1);
    }
  }
  @-webkit-keyframes expandOpen {
    0% {
      -webkit-transform: scale(1.8);
    }
    50% {
      -webkit-transform: scale(0.95);
    }
    80% {
      -webkit-transform: scale(1.05);
    }
    90% {
      -webkit-transform: scale(0.98);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }
  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @-webkit-keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
      opacity: 1;
    }
  }
  @keyframes float {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(-6px);
      transform: translateY(-6px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  /*# sourceMappingURL=modales.css.map */
  
/* sagdhasdjksad */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

body {
  background: url('background-image.jpg') no-repeat center center/cover;
  color: white;
  text-align: left;
}

.container {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
  width: 100%;
  margin: 4em 0 ;
  /* background-image: linear-gradient(60deg, #29323c 0%, #000 100%); */
}



.logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
}

.gridcontent{
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; */
  display: flex;
  width: 100%;
}
.concursodesc{
  display: flex;
  /* flex-direction: column; */
  width: 100%;
  justify-content: center;
  color: #FFF;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.content {
  /* max-width: 50%; */
  display: flex;
  width: 100%;
  max-width: 1500px;
  z-index: 1;
}

h1 {
  font-size: 2em;
  font-weight: bold;
}

h2 {
  font-size: 1.5em;
  margin: 10px 0;
}

p {
  font-size: 1em;
  margin-bottom: 20px;
}

.button {
  background-color: #e6007e;
  padding: 10px 20px;
  color: white;
  text-decoration: none;
  font-size: 1em;
  border-radius: 5px;
  display: inline-block;
  width: fit-content;
}

.badge {
  /* position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 200px; */
  display: flex;
  align-items: center;
  width: 100%;
}



.c-anim{
  width: 100%;
  height: auto;
  z-index: 2;
  padding: 100px 0px;
}

.o-container{
  
  max-width: 100%;
  width: 1140px;
  display: block;
  padding: 0px 20px;
  margin: 0 auto;
  
}

.u-none{ display: none!important; }

#lottie{
  /* background-color:#ffffff; */
  width:100%;
  /* height:100%; */
  height:auto;
  display:block;
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  opacity: 1;
}

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-anim {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  
  min-width: 120px;
  min-height: 40px;
  padding: 10px 20px;
  display: inline-flex;
  font-size: 22px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  /* text-transform: uppercase; */
  text-align: center;
  /* letter-spacing: 1.3px; */
  font-weight: 700;
  color: #FFF;
  background: #e87324;
  background: linear-gradient(90deg, rgba(232, 115, 36,1) 0%, rgba(232, 115, 36,1) 100%);
  border: none;
  border-radius: 4px;
  box-shadow: 12px 12px 24px rgba(232, 115, 36,.64);
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  /* padding: 10px; */
}

.btn-anim::before {
  content: '';
  border-radius: 4px;
  width: fit-content;
  /* min-width: calc(140px + 12px);
  min-height: calc(40px + 12px); */
  border: 6px solid rgb(232, 115, 36);
  box-shadow: 0 0 40px rgba(232, 115, 36,.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

.btn-anim:hover, 
.btn-anim:focus {
  color: #FFF;
  transform: translateY(-6px);
}

.btn-anim:hover::before, 
.btn-anim:focus::before {
  opacity: 1;
}

.btn-anim:hover::after, 
.btn-anim:focus::after {
  display: none;
}

.btn-anim::after {
  content: '';
  width: 30px;
   height: 30px;
  border-radius: 100%;
  border: 6px solid #e87324;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

.btn-anim:hover::after, 
.btn-anim:focus::after {
  animation: none;
  display: none;
}

@keyframes move {
  100% {
      transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}

.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgb(0,0,0);
/* background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 50%); */
  overflow: hidden;
}

.background span {
  width: 4vmin;
  height: 4vmin;
  border-radius: 4vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 15;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


.background span:nth-child(0) {
  color: #5e9541;
  top: 24%;
  left: 63%;
  animation-duration: 321s;
  animation-delay: -182s;
  transform-origin: 18vw 10vh;
  box-shadow: -8vmin 0 1.0264528319638173vmin currentColor;
}
.background span:nth-child(1) {
  color: #96b33c;
  top: 50%;
  left: 42%;
  animation-duration: 215s;
  animation-delay: -145s;
  transform-origin: -10vw -14vh;
  box-shadow: -8vmin 0 1.930029103090227vmin currentColor;
}
.background span:nth-child(2) {
  color: #ffc40d;
  top: 13%;
  left: 67%;
  animation-duration: 225s;
  animation-delay: -349s;
  transform-origin: -18vw -6vh;
  box-shadow: -8vmin 0 1.810757361657047vmin currentColor;
}
.background span:nth-child(3) {
  color: #dc4726;
  top: 76%;
  left: 91%;
  animation-duration: 59s;
  animation-delay: -174s;
  transform-origin: 11vw -24vh;
  box-shadow: -8vmin 0 1.7581800780245394vmin currentColor;
}
.background span:nth-child(4) {
  color: #d32027;
  top: 47%;
  left: 8%;
  animation-duration: 146s;
  animation-delay: -99s;
  transform-origin: 3vw 14vh;
  box-shadow: 8vmin 0 1.9013433070326042vmin currentColor;
}
.background span:nth-child(5) {
  color: #d95c98;
  top: 28%;
  left: 95%;
  animation-duration: 81s;
  animation-delay: -163s;
  transform-origin: 24vw -10vh;
  box-shadow: 8vmin 0 1.7496032727660695vmin currentColor;
}
.background span:nth-child(6) {
  color: #338085;
  top: 20%;
  left: 63%;
  animation-duration: 323s;
  animation-delay: -314s;
  transform-origin: -14vw -2vh;
  box-shadow: -8vmin 0 1.6887619454108274vmin currentColor;
}
.background span:nth-child(7) {
  color: #44a4b0;
  top: 28%;
  left: 7%;
  animation-duration: 198s;
  animation-delay: -140s;
  transform-origin: -20vw -11vh;
  box-shadow: 8vmin 0 1.5282493629933442vmin currentColor;
}
.background span:nth-child(8) {
  color: #ffc40d;
  top: 46%;
  left: 43%;
  animation-duration: 124s;
  animation-delay: -91s;
  transform-origin: -14vw 13vh;
  box-shadow: 8vmin 0 1.3652487584002024vmin currentColor;
}
.background span:nth-child(9) {
  color: #dc4726;
  top: 89%;
  left: 37%;
  animation-duration: 112s;
  animation-delay: -50s;
  transform-origin: -11vw 18vh;
  box-shadow: 8vmin 0 1.4135698057478516vmin currentColor;
}
.background span:nth-child(10) {
  color: #d32027;
  top: 55%;
  left: 41%;
  animation-duration: 248s;
  animation-delay: -283s;
  transform-origin: -2vw 13vh;
  box-shadow: 8vmin 0 1.880876203620454vmin currentColor;
}

@keyframes ring {
  0% {
      width: 30px;
      height: 30px;
      opacity: 1;
  }
  100% {
      width: 300px;
      height: 300px;
      opacity: 0;
  }
}


/* 
.backregistro2 {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2001;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .7);
  display: none;
  }

  .modal_registro2{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  top: 100%;
  left: 0;
  z-index: 2001;
  transition: all .3s ease-out;
  }

  .modal_registro2{
  right: 0;
  margin: 0 auto;
  max-width: 450px;
  }
  .modal_registro2.eleved {
  top: 0;
  }

  option:first {
  color: #999;
  }

  .modal_registro2 .contenficha {
 
  overflow-y: scroll;
  height: calc(100vh - 75px);

  }

  .modal_registro2 .contenficha	.sugerencias_registro{
  display: flex;
  flex-direction: column;
  padding: 25px 15px;
  }

  .modal_registro2 .contenficha	.sugerencias_registro p{
  font-size: 1.4em;
  margin-bottom: 15px;
  font-weight: 600;
  }

  .modal_registro2 .contenficha	.sugerencias_registro .gridsugerencias{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 10px 0;
  width: 100%;
  }

  .modal_registro2 .sugerencias_registro .destino-seleccionado .gridseleccionados{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 10px 0;
  width: 100%;
  }

  .modal_registro2 .destino-seleccionado .gridseleccionados{
  display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 10px;
      margin: 10px 0;
      padding-bottom: 10px;
      width: 100%;
      border-bottom: 1px solid #8a99ad;
  }

  .modal_registro2 .destino-seleccionado .gridseleccionados .selected-destino{
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 12px;
  text-align: center;
  position: relative;
  object-fit: cover;
  height: 110px;
  }

  .modal_registro2 .destino-seleccionado .gridseleccionados .selected-destino img{
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .modal_registro2 .destino-seleccionado .gridseleccionados .selected-destino i{
  position: absolute;
      right: 5px;
      top: 5px;
      font-size: 16px;
      color: #FFF;
      font-weight: 900;
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
      border-radius: 50px;
  }







  .modal_registro2 .contenficha	.sugerencias_registro label{
  display: initial;
  width: initial;
  background-color: initial;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  display: initial;
  justify-content: initial;
  align-items: initial;
  height: auto;
  text-align: initial;
  color: initial;
  font-weight: initial;
  cursor: initial;
  color: #fff;
  margin-bottom: 5px;
  display: flex;
  color: #000;
  justify-content: left;
  width: 100%;
  }

  .modal_registro2 .contenficha	.sugerencias_registro input{
  background: #fff;
      border-bottom: 1px solid #8a99ad;
      padding: initial;
      height: 40px;
      display: flex;
      align-items: center;
      font-size: .9em;
      color: #8a99ad;
      margin-top: 0;
      font-family: roboto mono, monospace;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      width: 100%;
      margin: 10px 0;
  }

  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item{
  display: flex;
  width: 100%;
  flex-direction: column;
  }

  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item img{
  display: flex;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }

  .modal_registro2 .sugerencias_registro .gridsugerencias .grid-item span{
  font-size: 10px;
  text-align: center;
  color: #494949;
  }

  .modal_registro2 .contenficha .input-container {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: column;
  }

  .modal_registro2 .contenficha .input-container .alignament {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: column;
  position: relative;
  } */


  .generales{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
  }
  .brands{
    display: flex;
    width: 100%;
    margin: 10px 0;
  }
  .brands img{
    width: 100%;
    max-width: 320px;
  }
  .disclaimer{
    display: flex;
    width: 100%;
    padding: 10px 5px;
    border: 1px solid #e6007e;
    margin: 10px 0;
    color: #FFF;
    border-radius: 10px;
  }

  .disclaimer p{
    font-size: 1em;
    margin-bottom: initial;
    line-height: 1em;
  }

  .disclaimer p strong{
    font-size: 1.1em;
    font-weight: bold;
    color: #e6007e;
  }

  .boxinputautorellenable {
    display: flex;
    width: 100%;
    margin: 2em auto;
    justify-content: flex-start;
    margin-top: 1px;
  }
  .divautocomplete {
    display: flex;
  }

  .boxinputautorellenable input[type=text] {
    background-color: #f1f1f1;
    width: 100%;
    outline: none;
    border: none;
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    border: 1px solid #989898;
    border-radius: 10px 0 0 10px;
    width: 100%;
    padding: 3px 10px;
    background: transparent;
    font-size: 1em;
    height: 35px;
    color: #f1f1f1;
    box-sizing: border-box;
    min-width: 400px;
  }
  .divautocomplete .open .dropdown-menu {
    background: #ececec;
    border: 1px solid #ddd;
    border-radius: 10px;
    border-radius: 10px;
    text-align: left;
    padding-left: 10px;
  }
  .divautocomplete .open .dropdown-menu li {
    cursor: pointer;
    padding: 5px;
    color: #000;
    padding-left: 15px;
  }

  .divautocomplete .open .dropdown-menu li:first-child {
    border-radius: 10px 10px 0 0;
  }
 
  .boxinputautorellenable .divautocomplete button {
    display: flex;
    padding: 0 25px;
    justify-content: center;
    text-align: center;
    background: #e6007e ;
    color: #FFF;
    font-weight: normal;
    font-size: 1em;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: 0 10px 10px 0;
    max-height: 35px;
    height: 35px;
  }


  /* #it_epoll_survey-vote-button, .it_epoll_survey-notfound-button {
    display: none;
} */
  
li:before {
  display: none;
}


  
  /* .wp-block-column:has(.videoencuesta:checked){
    background: green;
   } */
/*//////////  responsive  ///////////////*/
/*******  tablet landscape  *****/
@media screen and (max-height: 1025px){
  .container {
    height: auto;
  }
}


/*******  tablet landscape  *****/
@media screen and (min-width: 850px) and (max-width: 1050px){}

/*******  tablet portrait  *****/
@media screen and (max-width: 1020px) and (min-width: 737px){}


@media screen and (max-width: 1366px){
    .home .legend{width: 100%; }

    nav a:first-child figcaption{ position:relative; font-size: 1.4em; flex-direction: column;}

    nav a figure figcaption strong {
        font: 700 1.2em 'Poppins';
    }

    .boxlogo img {
        max-width: 250px;
        margin: 0 auto;
    }
    .logo-inicio{
      max-width: 50%;
    }
    .generales{
      text-align: center;
    }
    .brands {
      justify-content: center;
    }
    .boxinputautorellenable {
      justify-content: center;
    }
}



@media screen and (max-width: 1024px){
  .concursodesc {
      grid-template-columns: 1fr;
      width: 90%;
      margin: 0 auto;
  }
  
}

/*******  mobile portrait  *****/
@media screen and (max-width: 768px){

    ul li {
        padding-left: 1.3em;
        margin-bottom: 8px;
        font-size: 1.2em;
      }
     li:before {
        width: 18px;
        height: 18px;
        margin-right: 5px;
        margin-top: 2px;
        display: none;
    }
    ul li:last-child{
        margin-bottom: 0px;
    }
    
    li.it_epoll_survey-item{
        font-size: initial;
        padding-left: initial;
        margin-bottom: initial;
    }
    li.it_epoll_survey-item::before {
        content: '';
        display: none;
    }

    .banner_timer ul li::before {
        content: '';
        display: none;
    }

    .wp-block-column:has(.videoencuesta){
 
        order: -1;
       }
    
    
    .home{padding:0;}
    .home .logo{width: 36%;margin:0 auto;max-width: 210px;}
    .home .legend p{margin:0;font-size: 1em;}
    .btns_flex{flex-wrap:wrap;margin: 0;}
    .user{padding:20px; margin:0 0 20px}
    .go_login .user{
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
    }

    .timer{margin:0;}
    nav{ background:#222;}  
    nav a figure:after{background: linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);}
    header h1{width: 100%;padding: 0 4%;}
    header h1 img{width: 130px;display:block;margin: 0 auto 9%;}
    header h1 div span{ font-size:2em;}
    header h1 div em{font-size:.8em;letter-spacing: 3px;line-height: .4em;display: block;}
    header h1 div{width: 110px;margin: 0 auto 20px;height: 100px;padding: 26px 10px 10px 10px;}
    header h1 p{ font-size:.5em}
    footer:after{background: radial-gradient(ellipse at center,  rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 60%);}
    .open_nav{/* width: 40px; */top: 2px;right: 0;}
    .open_nav span, .open_nav span:before, .open_nav span:after{height:2px;width: 30px;}
    .open_nav span:before{ top:10px}
    .open_nav span:after{ top:-10px}
    .open_nav.active span:before, .open_nav.active span:after{width:30px;height: 2px;}
    .full-screen-wrap{top: 12px;right: 70px;width: 25px;height: 25px;}
    .safari .full-screen-wrap{ display:none;}
    .full-screen-wrap:hover{top: 12px;right: 60px;width: 27px;height: 27px;}
    .full-screen-wrap div{width:2px;height: 10px;}
    .full-screen-wrap .top-left-horiz, .full-screen-wrap .top-right-horiz, .full-screen-wrap .bottom-left-horiz, .full-screen-wrap .bottom-right-horiz{height: 2px;width: 10px;}
    .btn-sound{top: 8px;right: 110px;width: 35px;height: 35px;}
    .safari .btn-sound{right: 60px;}
    .sound-toggle-bar{width:2px;margin-right: 3px;}
    .logoMD{width: 70px;height: 35px;padding: 0 4px;opacity: .3;}
    .share{top: 3px;right: 60px;/* width: 40px; */; display: none;}
    .share a.whatsapp{ display:block;}
    .safari .share{right: 60px;}
    .share_icon{width: 30px;height:30px;margin: 0 auto;}
    .share_icon span{border-width: 2px;width: 8px;height: 8px;}
    .share_icon span:nth-child(1){top: calc(50% - 4px);}
    .share_icon span:nth-child(2):after{height:2px;width: 15px;top: 9px;}
    .share_icon span:nth-child(3):after{height:2px;bottom: 8px;width: 15px;bottom: 7px;}

    main #content .number{/* top:10px; */font-size: 1em;}
    main:after{display:none;}
    .ctrl_btns a figcaption strong{font-size: .8em;padding:0;line-height: 1em;font-weight: 600;}
    .ctrl_btns a figcaption span{font-size: .5em;display: none;}
    .ctrl_btns a figcaption{padding: 0 5px 0 20px;margin: 0 22px;}
    .ctrl_btns a.down figcaption{padding: 0 25px 0 5px;
      flex-direction: row-reverse;
    }
    .ctrl_btns{height: 70px;box-shadow: 0 -5px 10px rgba(0,0,0,.5);width: 100%;}
    .ctrl_btns a figure{width: 100px;display: none;}
    .ctrl_btns a:nth-child(2) figcaption span{width: 100px;display: flex;
        display: flex;
        margin: 0 auto;
        justify-content: center;
        font-size: 1.2em;
    
    }
    .ctrl_btns a em{right: 5px;font-size: 4em;}
    .ctrl_btns a.down em{left:5px;}
    main #content > figure:after{box-shadow: inset 0 0 190px rgba(0,0,0,.3);}
    main #content .inner p{/* display:none */font-size: 1em;margin: 0 0 8px;}
    main #content .inner h1{font-size: 1.4em; font-weight: 600 ; margin-bottom: 10px;border: none;border-top: 1px solid rgba(255, 255, 255, .2);padding: 20px 0 0;/* position: sticky; *//* top: 0px; *//* text-align: center; *//* background: #333; */}
    main #content .inner.encuesta{flex-wrap:wrap;/* height: calc(100% - 70px); */padding: 55px 0 80px;/* width: 100%; */display: block;width: 92%;z-index: 1;}

    main #content .inner {
        padding: 100px 0px 140px;
    }


    .close{background: transparent ;padding: 0px;width: 40px;height: 40px;}
    .close.white{background:transparent;}
    .close span:before, .close span:after{left: 3px;height: 2px;}
    .close span:before{top: 20px;}
    .close span:after{top: 20px;}
    article.more .note figure{ position:relative;width:100%; height:40%}
    .down{width: 40px;height: 31px;line-height: 40px;/* left: calc(50% - 20px); */padding: 0;background: radial-gradient(ellipse at center,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 50%);}
    nav a{width:100%;display:block;height: 25%;margin: 0 0 10px;}
    .slider{height: 100%;}
    .slider .owl-item div{box-shadow:0 0 10px rgba(0,0,0,.2);height: 96%;top: 2%;width: 93%;}
    .slider .owl-prev{left: -10px;background: #fff;}
    .slider .owl-next{right: -10px;background: #fff;}
    nav a em{font-size: 2em;padding: 10px;}
    nav a figure figcaption {/* top: 35px; *//* bottom: inherit; */height: 100%;padding: 0 20px;display: flex;align-items: center;justify-content: center;}
    nav a:first-child figcaption{ position:relative; font-size: 1.4em;}
    .ctrl_btns a{width: 80px;}
    .ctrl_btns a.down{ width: 100%;}
    nav a figure figcaption strong{opacity:1;font-size: 1.3em;margin: 0;/* font-weight: 900; */color: #fff;}
    nav a figure figcaption span{display: none;}
    #loader{ width:50px; height:50px; margin:-25px}
    #loader,#loader:after, #loader:before{ border-width:2px}

    .ctrl_btns a figcaption i{font-size:2em;left: -5px;transform: rotate(270deg);right: inherit;}
    .ctrl_btns a.down figcaption i{font-size:2em;left: inherit;right: -5px;transform: rotate(270deg);}

    .home figure img{width:50%;}
    .home h1{ font-size:1.5em; margin:30px auto;}
    .home h2{font-size: 1.3em;margin: 10px auto;}
    .home h3{font-size: .9em;margin: 10px auto;}
    .home .btn{/* margin:20px 0; *//* white-space: nowrap; */font-size: 1em;}
    main #content .inner .col iframe{/* position: absolute; */margin: 0;height: initial;padding: 0;box-shadow: none;overflow: hidden; /* height: 5900px;*/}
    aside{height:80px;position: absolute;bottom: -100%;width: 100%;justify-content: center;margin: 0;background: #f7f7f7;/* opacity: 0; */box-shadow: 0 0 10px #333;}
    aside .close_ad{width: 40px;height: 40px;position:absolute;display:block;top:0;right: 0;text-align: center;font-size: 1.3em;background: #ddd;text-shadow: none;color: #dd4c9e;text-align:center;line-height: 40px;}
    aside > div {transform:scale(.7);transform-origin: center center;}

    aside.view{bottom:0;}

    .home figure{width:100%}
    .home .categories{display:none}
    /* .home .legend{ font-size:.8em} */
    .home h4{font-size: 2em}

    .home .disclaimer {
        font-size: 1.1em;
        margin-bottom: 15px;
    }


    .go_login{width:100%;}
    .col{width:100%;/* height: 100%; */display: block;-webkit-overflow-scrolling: touch;/* overflow: auto; *//* padding: 0 3%; */max-width: inherit;}
    .text_poll{width:100%;padding: 10px 0 0;
        margin-top: 0px;
        padding-top: 0px;
    }
    .text_poll p{/* display:none; */}
    .it_epoll_container{ width:100%;grid-template-columns:1fr 1fr}
    .it_epoll_container .it_epoll_grid .it_epoll_survey-item{width:100%;}
    .it_epoll_surveys.it_epoll_grid{grid-template-columns:1fr 1fr;grid-gap: 10px;}
    .it_epoll_grid .it_epoll_survey-name{padding: 10px 10px 60px!important;}
    .it_epoll_container .it_epoll_survey-country img{width:100%!important; margin:0!important;}
    .it_epoll_grid .it_epoll_survey-country{margin:0!important;}


  /* .videoencuesta{
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .videoencuesta video{
    width: 100%; 
    height: 100vh; 
    object-fit: cover; 
    top: 0; 
    position: sticky;
  } */
  .descripcion1{
    font-size: 15px;
  }
  .videoencuesta video {
    height: 260px;
    }
    main #content .inner.encuesta{flex-wrap:wrap;/* height: calc(100% - 70px); */padding: 55px 0 130px;/* width: 100%; */display: block;width: 92%;z-index: 1;}


    .container {
      align-items: center;
      text-align: center;
      height: auto;
      margin: 0;
  }
  /* .badge {
      position: relative;
      top: auto;
      right: auto;
      transform: none;
      margin-top: 20px;
  } */
  .badge {
      margin-bottom: 3em;
  }
  .gridcontent {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 20px;
  }
  .content {
      padding-top: 20px;
  }
  .logo-inicio {
    max-width: 60%;
  }

  #lottie {
      width: 70%;
      margin: 0 auto;
  }
  .button {
      margin: 0 auto;
  }
  .brands{
    justify-content: center;
  }
  .brands img{
    width: 70%;
  }
}

/*******  mobile landscape  *****/
@media screen and (max-width: 736px) and (orientation:landscape){html,body {-webkit-text-size-adjust:none;}}  


@media screen and (min-height: 500px) and (max-height: 850px) and (orientation:landscape){
.home .categories{display:none;}
}
@media screen and (min-width: 900px) and (max-width: 1290px) and (orientation:landscape){
main #content .number{opacity:.1}
main #content .inner{/* display:block; *//* overflow: auto; */padding: 20px 0 0 0;}
aside > div{ transform:scale(.6)}
}

@media screen and ( max-height: 732px ){
   header{
       position: relative;
       height: 100vh;
   }
}

@media screen and (max-width: 500px){
    .home .legend h1 {
        font: 700 1.6em/0.8em 'Poppins';
        margin: 10px auto;
    }
    .home h2 {
        font-size: 1em;
        margin: 10px auto;
    }

    .vercatego {
        margin-top: 0 !important;
        margin-bottom: 15px;
    }
    .name {
        font-size: 1em;
    }
    .home .btn {
        font-size: .9em;
    }
    .banner_timer ul {
        width: 100%;
        justify-content: center;
    }
    .banner_timer ul li span {
        font-size: 2em;
        
    }
    .banner_timer ul li {
        font-size: 12px;
        padding: 5px 10px;
        min-width: 50px;
        border: 1px solid #e99c23;
    }

    ul li {
        padding-left: 1.3em;
        margin-bottom: 8px;
        font-size: 1.1em;
    }
    li:before {
        width: 15px;
        height: 15px;
        margin-right: 5px;
        margin-top: 2px;
    }
    ul li:last-child{
        margin-bottom: 0px;
        margin-right: 0;
    }

    li.it_epoll_survey-item{
        font-size: initial;
        padding-left: initial;
        margin-bottom: initial;
    }
    li.it_epoll_survey-item::before {
        content: '';
        display: none;
    }

    .concursodesc h1{
        font-size: 1.4em;
    }
    .concursodesc h2{
        font-size: .9em;
    }

    .concursodesc h3{
        font-size: 1em;
    }


    .banner_timer ul li::before {
        content: '';
        display: none;
    }

    .btns_flex .btn {
        /* margin: 20px 0; */
        /* white-space: nowrap; */
        font-size: .9em;
        margin: 5px 2%;
        padding: initial;
    }
    .user {
        padding: 10px;
        margin: 0 0 10px;
    }
    .go_login .user{
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .boxlogo img {
        max-width: 150px;
        margin: 0 auto;
    }

    .tituloepoll {
        font-size: 15px;
    }
    
    .excer {
        display: block;
        font-size: 14px;
        line-height: 1.05em;
    }
    main #content .inner h1 {
        margin-bottom: 5px;
        margin-top: 5px;
        font-size: 16px;
    }

    .boxinputautorellenable input[type=text] {
      min-width: initial;
    }
    .open{
      width: 100%;
    }
    .divautocomplete {
      display: flex;
      width: 100%;
    }
  .disclaimer p{
    font-size: .9em;
    margin-bottom: initial;
    line-height: 1em;
  }

  .disclaimer p strong{
    font-size: .9em;
    font-weight: bold;
    color: #e6007e;
  }
}

@media
not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and (   min--moz-device-pixel-ratio: 2),
not screen and (     -o-min-device-pixel-ratio: 2/1),
not screen and (        min-device-pixel-ratio: 2),
not screen and (                min-resolution: 192dpi),
not screen and (                min-resolution: 2dppx) { 
	body{font-size: .7em}
  /* non-Retina-specific stuff here */

}
/*Estilos oscar*/
.encuesta li strong {
    font-weight: 700;
    color: #e99c22;
}

.share{display: none;}