html {text-rendering: optimizeLegibility!important;-webkit-font-smoothing: antialiased!important}
body {background-color: #333;font-family: barlow, sans-serif;color: #333;}
a {/* color: #dbaf00 !important; *//* transition: 0.2s; */}
h1,h2,h3,h4,h5,h6 {font-family: 'Area Extended',sans-serif;}
h1 {font-size: 36px;}
h2 {}
h3 {font-weight: 800;font-size: 18px;margin: 2rem 0 1rem;color: #e6b62e;}
h4 {
    margin: 20px auto 20px;
}
h5 {}
.container {/* width: 1080px; */}
header {background-color: #e6b62e;position: fixed;top: 0;z-index: 100;width: 100vw;transition: top .2s ease-in-out;}
header.animshow {top: 0px;transition:0.5s ease-out;}
header #logo {position:absolute;/* top:50%; */right:0;transform: translateY(-80%););top: 100%;}
header #logo-mobile {display: none;}
header #logo img {height: 60px;transition: height .3s}
header div {/* width: 100%; *//* margin: 0 auto; *//* text-align: left; *//* padding: 10px 0; */}
#menu {/* background: #1b1b1b; */}
#menu > .container {text-align: center;padding: 0;position: relative;}
#menu .bloques-menu {display: block;/* width: 38%; */padding: 1em 0;text-align: left;vertical-align: middle;}
#menu .bloques-menu.logo {display: inline-block;width: 18%;padding: 0;vertical-align: middle;}
header div a,header div span {margin: auto 13px;color: #111 !important;font-size: 14px;display: inline;vertical-align: middle;transition: .2s;font-weight: bold;text-decoration: none;}
header div a#inscripcion-boton {/* background-color: hsla(49, 92%, 49%, 1); *//* color: #111 !important; *//* padding: 5px 12px 4px; *//* border-radius: 12px; */}
header div a img {/* opacity: .84; */transition: opacity .2s}
header div a:HOVER {color: #fff;transition: .5s;-webkit-transition: .5s}
header div a:HOVER img {opacity: 1;transition: opacity .5s}
header #hamburger {display: none;}
#volver {color:#111;text-decoration: none;}
.nav-up {top: 0;transition: .3s}
.nav-up a img {height: 36px!important}
.nav-up a img.facebook {height: 22px!important;margin-top: -5px}
#muestra .poster_info img, h4 {/* font-size: 18px; *//* display: block; *//* margin: 30px auto 20px; *//* font-weight: 800; */}
.bloque h4 {margin: 0px auto 20px;}
#registro_de_asistentes {display: block;background-color: #fff;padding: 100px 0 0;position: relative;}
#registro_de_asistentes #volver {margin: 0 0 30px 0;display: inline-block;font-weight: bold;font-size: 14px;}
#inscripcion {margin: auto;position: relative}
#inscripcion>.bloque>div,
#inscripcion>div {position: relative;}
#inscripcion .form-group {margin-left: 0px;margin-right: 0px;}
#inscripcion .form-group.halfs,
#inscripcion .form-group.thirds {display:flex;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;gap: 10px;align-items: center;flex-direction: row;}
#inscripcion .form-group .half {display:inline-block;width: calc(50% - 10px);vertical-align:top;}
#inscripcion .form-group .third {/* display:inline-block; */width: calc(100% / 3 - 10px);width: calc(100% / 3);margin: 0;vertical-align:top;}
form .localidades {}
#inscripcion>.bloque {position: relative;display: block;background-color: #fafafa;padding: 2rem 2rem;border-radius: 0.3em;}
#inscripcion>.bloque .row {margin:0 0 0.5rem;}
#inscripcion>.bloque label {font-weight:bold;}
#inscripcion>.bloque#bloque-checkout {font-size: 16px;}
#inscripcion input[name=entrada]::-webkit-input-placeholder {text-transform: none}
#inscripcion input[type=text],
#inscripcion input[type=email] {-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);}
#inscripcion input[type=radio] {position: absolute;z-index: 10;width: 15px;top: 50%;transform: translateY(-50%);left: 15px;/* height: 20px; */font-size: 16px;color: #333;vertical-align: middle;margin: 0}
#registro_de_asistentes h5 {font-weight: 400;margin: 0 auto 10px;}
#inscripcion input[type=radio]+label {position: relative;display: block;margin: 0;padding: 11px 12px 10px 36px;font-size: 14px;font-weight: 400;width: 100%;color: #333;cursor: pointer;background-color: #f5f5f5;border: 1px solid #e0e0e0;border-radius: 0.3em;line-height: 1.4;}
#inscripcion input[type=radio]+label:HOVER {background-color: #e9e9e9;transition: .3s;}
#inscripcion input[type=radio]:checked+label {background-color: #444;color:white;border-color: transparent;}
#inscripcion input[type=radio]:disabled+label {color: #aaa}
#inscripcion span.promocion {color: red;font-weight:bold;border-bottom: 2px dotted red;}
#inscripcion label+span {position: absolute;display: inline-block;top: 50%;right: 2%;transform: translateY(-50%);text-align: left;color: #ff5722;font-weight: 700}
#inscripcion input.es-estudiante {border-color: #4CAF50;}
#inscripcion p.pre-dni {margin: 10px 0 -10px;}
#inscripcion p.es-estudiante {color: #4CAF50;font-weight: 500;margin: 10px 0 -10px;display: none;}
#inscripcion img.img-ocupacion {width:25px;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
#inscripcion input[type=radio]:disabled+label::after {content: 'AGOTADO';color: #ff5722;font-size: 12px;font-weight: 700;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;letter-spacing: .03em}
#inscripcion #precioNormal,#inscripcion #precioEntradaPromocional {font-weight: bold;}
#inscripcion #precioEntradaPromocional {display: none;}
button.botonenviar {padding: 13px 28px 17px 6px;margin: 30px 0 30px auto;display: block;background-color: #3f65b5;color: white;border: 0px;overflow: hidden;transition: .2s;border-radius: 31px;}
button>i.fas.fa-spinner{opacity:0;visibility:hidden;font-size: 150% !important;position: relative;top: 3px;right: 3px;}
button.processing>i.fas.fa-spinner{opacity:1;transition:0.2s;visibility:visible;}
button.processing>i.fa-arrow-right{opacity:0;transition:0.1s;visibility:visible;}
#inscripcion #codigodeentrada.show,
#inscripcion #desplegadomercadopago.show {position: relative;z-index: 10;top: -1px;left: -1px;border-top: 0;border-bottom: 1px solid #bbb;border-left: 1px solid #bbb;border-right: 1px solid #bbb}
#precio-entrada {font-weight:bold;}
button.botonenviar.processing {padding-left: 28px;background-position: 10px 9px;pointer-events: none;cursor:wait;transition: .3s;}
#inscripcion #codigodeentrada p {font-size: 13px;padding: 0px;}
#inscripcion #desplegadomercadopago p {font-size: 13px;padding: 10px;}
#inscripcion button:HOVER {background-color: #222;transition: .3s;}
#inscripcion #codigodeentrada {background-color: #EAEAEA;height: 0;overflow: hidden;transition: height .3s}
#inscripcion #codigodeentrada.show {background-color: #E5E5E5;height: auto;transition: height .3s;padding: 11px 15px 30px;}
#inscripcion #desplegadomercadopago {background-color: #EAEAEA;height: 0;overflow: hidden;transition: height .3s}
#inscripcion #desplegadomercadopago.show {background-color: #E5E5E5;height: auto;transition: height .3s}
#inscripcion #inputcodigodeentrada {text-transform: uppercase;transition: .3s;margin: 0;padding: 5px;font-size: 13px;border-bottom: 1px solid #666;border-left: 1px solid #666;border-top: 1px solid #666;border-right: 1px solid #999;width: 500px;}
#inscripcion #inputcodigodeentrada:focus {box-shadow: 0 -1px 3px green inset;transition: box-shadow .1s;transition: box-shadow .2s}
#inscripcion button:disabled {color: #fff;border-color: #bbb;}
#inscripcion button.inscripto {background-color: white;color: #3F51B5;font-weight: bold;border-bottom: 2px solid #3F51B5;border-radius: 0;padding: 15px 20px !important;transition: 0.3s;}
#check_entradas {width: 700px;margin: 200px auto 100px;font-size: 17px}
#check_entradas li {margin: 10px 0}
#passentradas {width: 400px;margin: 200px auto 100px;}
#passentradas input {width: 150px;}



@media (max-width:768px) {
    .hidden-xs {display: none;}
    #landing #fecha,
    h1,
    h2,
    header #menu a {/* text-align: center; */padding: 0;font-size: 28px;text-wrap: pretty;}
    header {height: 50px;top: 0px;}
    header #menu {width: 100%;padding: 2vh 0 0;position: relative;top: -100vh;display: block;background-color: #1a1a1a;height: 100vh;z-index: 0;transition: .3s;    }
    header #menu.abierto {top: 0;transition: .4s;z-index: 100;position: relative;    }
    header #menu .bloques-menu{display: block !important;width: 100% !important;text-align: center !important;    }
    header #menu a {display: block;line-height: normal;margin: 2vh 0;padding: 1vh 0;width: 100%    }
    header #menu a#inscripcion-boton {display: inline-block;margin: 0 auto;width: auto;padding: 7px 25px;border-radius: 30px;    }
    header #hamburger {display: block;position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size: 24px;line-height: 1;padding: 5px;}
    header #logo-mobile {position:absolute;top: 75%;left: 10px;transform: translateY(-50%);display: block;}
    header #logo-mobile img {height: 50px;}
    #registro_de_asistentes #volver {padding: 0;margin: 0 0 20px;}
    h2 {padding: 0 0 10px;font-size: 14px;}
    .container {width: 100vw !important;/* padding: 0; */}
    #registro_de_asistentes {width: 100%!important;padding: 80px 0 0;}
    #inscripcion h5 {font-weight: 700;margin: 20px auto;}
    #inscripcion input[type=radio]:disabled+label::after {right: 10px!important;font-size: 11px;letter-spacing: -0.01em;}
    #inscripcion input[type=text],
    #inscripcion input[type=email] {margin: 2px 0!important;padding: 7px 12px!important;width: 100%!important;}
    #registro_de_asistentes h3,#registro_de_asistentes h4,#registro_de_asistentes h5 {padding: 0;font-size: 16px;}
    #inscripcion>.bloque {padding: 17px 10px 20px 10px;font-size: 13px;}
    #inscripcion input[type=radio]{left: 10px;}
    #inscripcion input[type=radio]+label {font-size:13px;padding: 9px 60px 11px 32px;}
    #inscripcion>.bloque .row {margin: 0;}
    #inscripcion .row .col {display:block;width:100%;flex: unset;}
    #inscripcion img.img-ocupacion {right: 10px;}
    #inscripcion button.botonenviar {margin: 20px auto 50px;font-size: 13px;}
    #desplegadomercadopago img {width: 100% !important;}
}