*{margin:0;padding:0;outline:0;border:none;box-sizing:border-box;}
body{font:400 14px/20px 'Helvetica Neue',Arial,sans-serif;text-align:center;color:#fff;background:#000;}
a{text-decoration:none;}
a:hover{}
.clear{clear:both;}

#loader{display:none;}

.animated{visibility:hidden;}
.visible{visibility:visible;}

::selection{background:#009fee;color:#fff;}
::-moz-selection{background:#009fee;color:#fff;}
::-webkit-selection{background:#009fee;color:#fff;}

::placeholder{color:#666;}
::-moz-placeholder{color:#666;}
::-webkit-placeholder{color:#666;}

#modal{display:none;display:block;position:fixed;top:0;left:0;width:100%;min-height:100%;height:100vh;z-index:9999999998;transition:all 500ms;
    background:rgba(0,0,0,.6);
    backdrop-filter: blur(10.6301px);}
#modal .window{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-width:1200px;width:80%;border-radius:4px;overflow:hidden;box-shadow:-10px 10px 25px rgba(0,0,0,.5);}
#modal .window picture,#modal .window img{display:block;width:100%;height:auto;}
#modal .close{position:absolute;right:3%;top:2%;z-index:999;width:30px;height:30px;cursor:pointer;}
#modal .close span{position:absolute;display:block;left:0;width:100%;height:4px;background:#fff;border-radius:2px;transition:all 300ms ease-out;}
#modal .close:hover span{background:#e8e8e8;}
#modal .close span.top{transform:rotate(45deg);width:110%;top:50%;margin-top:-2px;}
#modal .close span.bottom{transform:rotate(135deg);width:110%;top:50%;margin-top:-2px;}

#header{background:rgba(0,0,0,1);box-shadow:0 5px 10px rgba(0,0,0,.5);position:fixed;width:100%;left:0;top:0;padding:10px 5%;z-index:999;transition:all 100ms ease-out;}
#header.min{padding:5px 5%;}
#header .logo{width:30%;max-width:135px;transition:all 100ms ease-out;}
#header.min .logo{max-width:110px;}
#header .logo h1 img{display:block;width:100%;height:auto;}
#header .logo h1 span{display:block;width:0;height:0;font-size:0;text-indent:-9999999;overflow:hidden;}

#menu{position:fixed;z-index:998;min-width:300px;width:100%;padding:150px 5%;height:100%;right:-150%;top:0;left:auto;background:#000;background-size:100% auto;color:#fff;overflow:auto;opacity:0;transition:opacity 400ms ease-out;-moz-transition:opacity 400ms ease-out;-webkit-transition:opacity 400ms ease-out;}
#menu.active{right:0;opacity:1;}
#menu .menu{width:auto;display:inline-block;list-style: none;}
#menu .menu li{margin:0 0 50px;}
#menu .menu li a{position:relative;padding:10px 0;color:#fff;font:250%/105% 'AnoStencilW00';text-transform: uppercase;transition: 200ms ease-out;}
#menu .menu li a:after{position:absolute;content:'';left:50%;width:0;height:3px;bottom:0;border-radius:4px;background:#fff;transition:200ms ease-out;}
#menu .menu li a:hover:after{width:100%;left:0;background:#ce0004;}
#menu .menu li a:hover{color:#ce0004;}
#menu .redes-menu{position:relative;margin:50px auto 0;list-style:none;text-align:center;white-space: nowrap;}
#menu .redes-menu li{display:inline-block;margin:0 20px;}
#menu .redes-menu li a{color:#fff;font-size:200%;transition:200ms ease-out;}
#menu .redes-menu li a:hover{color:#ce0004;}

#menu_button{position:absolute;right:5%;top:50%;transform:translate(0,-50%);z-index:999;width:40px;height:30px;cursor:pointer;}
#menu_button span{position:absolute;display:block;left:0;width:100%;height:3px;background:#fff;transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;}
#menu_button:hover span{background:#e8e8e8;}
#menu_button span.top{top:0;}
#menu_button span.middle{top:12px;}
#menu_button span.bottom{top:24px;}
#menu_button.active span{background:#fff;}
#menu_button.active span.top{box-shadow:none;transform:rotate(45deg);width:110%;top:50%;margin-top:-2.5px;}
#menu_button.active span.middle{box-shadow:none;left:200%;opacity:0;}
#menu_button.active span.bottom{box-shadow:none;transform:rotate(135deg);width:110%;top:50%;margin-top:-2.5px;}
#menu_button.active span{box-shadow:-2px 2px #a92e3e;}

#portada{display:flex;align-items:center;position:relative;width:100%;min-height:100vh;padding-top:100px;}
#portada .row{width:100%;margin:0;padding:0;}
#portada .col{margin:0;padding:0;}
#portada .ecos{padding:0 5% 0 10%;}
#portada img{display:block;width:100%;height:auto;}

.wrap{margin:0 auto;width:100%;padding:0 5%;overflow:hidden;}

.content{padding:100px 0;}
.title{font:400%/100% 'AnoStencilW00','Montserrat';color:#1e1e1e;margin:0 auto 35px;text-align:center;}
.title.white{color:#fff;}

#shows{text-align:center;padding:15% 0 5%;}
#shows h2{display:none;}
#shows .encabezado{margin:0 auto;display:block;width:90%;max-width:1000px;height:auto;}
#shows .not_found{font:180%/110% 'AnoStencilW00';text-align:center;margin:75px auto;}
.table-shows{position:relative;max-width:1200px;margin:75px auto;}
.table-shows .table{width:100%;}
.table-shows .table .tr{display:flex;justify-content:space-between;align-items:center;padding:10px 0;}
.table-shows .table .tr.soldout{opacity:.5;cursor:not-allowed;}
.table-shows .table .td{padding:5px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden;font:110%/100% 'AnoStencilW00';}
.table-shows .table .fecha{width:10%;padding:0 5px 0 0;text-transform:uppercase;font:100%/100% 'AnoStencilW00';text-align:left;}
.table-shows .table .fecha span{display:inline-block;padding:5px;margin:0 1px 0 0;letter-spacing:-.5px;}
.table-shows .table .lugar{width:35%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.table-shows .table .pais{width:35%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.table-shows .table img.flag{display:inline-block;width:30px;height:auto;margin:0 5px -2px 0;}
.table-shows .table .buttons{width:auto;}
.table-shows .anuncios{color:#acaeb1;text-transform:uppercase;font:150%/150% 'AnoStencilW00';margin:150px auto 0;letter-spacing:12px;}
.table-shows .anuncios p{margin:0 auto 15px;}
.table-shows .anuncios small{font-size:75%;letter-spacing:8px;}

.ticket-btn{position:relative;display:inline-block;padding:6px 12px;background:#000;color:#fff;font-family:'AnoStencilW00','Helvetica Neue',Arial,sans-serif;font-size:80%;line-height:100%;letter-spacing:3px;border:3px solid #fff;text-transform:uppercase;transition:300ms ease-out;}
.ticket-btn::before,.ticket-btn::after{content:"";position:absolute;width:10px;height:10px;background:#000;}
.ticket-btn::before{left:-4px;top:50%;transform:translateY(-50%);}
.ticket-btn::after{right:-4px;top:50%;transform:translateY(-50%);}
.ticket-btn:hover{color:#ce0004;border-color:#ce0004;}

#mensaje{padding:5% 5%;}
#mensaje .txt_falta{text-transform:uppercase;font:200%/150% 'AnoStencilW00';margin:0 auto 75px;letter-spacing:8px;}
#mensaje .txt{text-align:left;font:120%/175% 'Helvetica Neue';}
#mensaje .txt p{margin:0 auto 15px;}
.flyer{display:block;width:100%;height:auto;margin:auto;}

#playlists{padding:10% 5%;}
#playlists h2{display:none;}
#playlists .encabezado{margin:0 auto 75px;display:block;max-width:250px;width:60%;height:auto;}
#playlists .album{display:block;width:80%;max-width:250px;height:auto;margin:0 auto 35px;}

#footer{}
#redes .redes-soda{max-width:200px;margin:0 auto 75px;text-align:center;}
#redes .redes-soda.big{max-width:300px;}
#redes .redes-soda .nombre{color:#ce0004;margin:0 auto;letter-spacing:4px;font:120%/100% 'AnoStencilW00','Helvetica Neue', sans-serif;text-transform:uppercase;white-space:nowrap;}
#redes .redes-soda .logo-foot{display:block;width:100%;height:auto;margin:0 auto 25px;}
#redes .redes-soda ul{display:flex;justify-content:center;list-style:none;width:100%;margin:15px auto;}
#redes .redes-soda.big ul{justify-content:space-around;}
#redes .redes-soda li{margin:0 15px;}
#redes .redes-soda li a{color:#fff;font-size:110%;transition:200ms ease-out;}
#redes .redes-soda.big li a{font-size:135%;}
#redes .redes-soda li a:hover{color:#ce0004;}

#contactos{padding:50px 10%;display:flex;width:100%;justify-content: space-around;}
#contactos .email{font:100%/100% 'AnoStencilW00','Helvetica Neue', sans-serif;color:#fff;text-decoration:none;text-transform: uppercase;}
#contactos .email:hover{text-decoration:underline;}

/*-- COUNTDOWN --*/
.main-content{display:flex;font-family:'AnoStencilW00';flex-direction:column;justify-content:center;align-items:center;height:90vh;text-align:center;position:relative;z-index:1;gap:40px}
.countdown-container{display:flex;gap:40px;padding-bottom:5%;}
.countdown-item{display:flex;flex-direction:column;align-items:center;text-transform:uppercase}
.countdown-digits{display:flex;gap:10px}
.digit{background:#ce0004;width:140px;height:140px;display:flex;justify-content:center;align-items:center;font-size:7rem;line-height:1;color:#000;border-radius:10px;position:relative;overflow:hidden}
.label{display:inline-block;background:#ce0004;padding:6px 10px;margin-top:20px;font-size:1rem;line-height:1rem;border-radius:5px;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:1px}
#newsletter-form{position:absolute;bottom:5%;width:90%;justify-content:center;left:50%;transform:translateX(-50%)}
#newsletter-form p{font:120%/120% 'AnoStencilW00';margin-bottom:35px;text-align:center}
.form-group{display:flex;max-width:400px;margin:auto;border-radius:25px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .1)}
#email-input{flex-grow:1;padding:12px 20px;border:none;outline:none;font:110%/105% 'Helvetica Neue',Helvetica, sans-serif;color:#fff;background:#161515}
#submit-button{background:silver;border:none;cursor:pointer;padding:0 20px;transition:200ms ease-out;display:flex;align-items:center;justify-content:center}
#submit-button svg{transition:200ms ease-out}
#submit-button:hover{background:#bbb}
#submit-button:hover svg{margin:0 -5px 0 5px}
.message-container {margin:25px auto;text-align:center;max-width:400px;min-height:20px;font:bold 110%/110% 'Helvetica Neue',Helvetica, sans-serif;}
.success-message {color: #4CAF50;}
.error-message {color: #ce0004;}
#submit-button:disabled {cursor: not-allowed;opacity: 0.6;}
@media (max-width:992px){
    .countdown-container{gap:30px}
    .countdown-digits{gap:10px}
    .digit{width:100px;height:120px;font-size:5rem}
    .countdown-item .label{font-size:.8rem}
}
@media (max-width:768px){
    .countdown-container{gap:20px}
    .countdown-digits{gap:8px}
    .digit{width:60px;height:90px;font-size:4rem}
    .countdown-item .label{font-size:.7rem;padding:4px 8px}
}
@media (max-width:480px){
    .countdown-container{gap:14px}
    .countdown-digits{gap:3px}
    .countdown-item{margin-bottom:0}
    .digit{width:50px;height:75px;font-size:3rem}
    .countdown-item .label{font-size:.6rem}
    #email-input{padding:12px 15px}
    #submit-button{padding:0 10px}
}