html {height:100%}
body {font-family: 'Libre Franklin', sans-serif;background:#eae7d9;color:#424242}
.pure-g [class*=pure-u]{font-family: 'Libre Franklin', sans-serif;}
h1 {margin-top:0;font-size:1.8em;line-height: 1;}
ul {padding-left: 15px;}
.img-fluid {width:100%;;height:auto;}
.mt-15 {margin-top:15px;}
.mb-15 {margin-bottom:15px;}
.elcolor {color:#424242 !important; font-weight: bold;}
.fondo {z-index:-1;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ede2ce;background-position:center;background-size:cover;background-repeat:no-repeat;}
.fondo-homescreen {background:#ede2ce}
.pure-img, .centrado {margin:0 auto;}
.clear {margin:0;padding:4px}
.centrado {text-align:center}
.contenidos a, a.enlace {color:#424242}
.contenidos a:hover, a.enlace:hover {text-decoration:none;color:#424242}
.ui-state-active {border-color:#424242 !important;background:#424242 !important}
.success-message {display:none;color:#96bd69}
input.has-error {border-color:red !important}
.pure-button-green {background-color:#96bd69;color:#fff}
.creditos {color:#424242;text-decoration:none;display:block;margin-top:40px;font-size:0.8em}
.creditos:hover {color:#ede2ce}
.small {line-height: 130%;font-size: .8em;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }
.desactivado {opacity:0.5}
.btn-menu-text {display:block; margin:5px 0 15px 0;font-weight:bold;text-decoration:none;padding:15px}
.d-none {display:none !important;}
.idiomas {/*position: absolute;top: 10px;right: 10px;*/margin: 40px 0 5px !important;}
.idiomas a {font-size:1em;text-transform:uppercase;color:#000;text-decoration:none;margin:2px 10px;}

.purchase-btn {display:block; margin:5px 0 15px 0;}
.purchase-form {background: #50ada0;color:#eee;padding: 0;margin: 0 0 15px 0;}
#purchase-form, #regalar-form  {margin:0 0 0 0; padding:25px 15px 10px 15px}
#purchase-form p, #purchase-form a {color:#eee}
#purchase-form .precio {color:#ffff00;font-size:24px}
#purchase-form input {color:#424242}

.atencion {background:#333;padding:15px;margin:20px 0;}

.btn-menu-basic-colors {background:#ffff00;color:#424242}
.btn-menu-acceder {background:#50ada0;color:#fff;}

.nextavanza { animation-name: avanzando; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:avanzando; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:avanzando; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }
.parpadeo { animation-name: parpadeo; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeo; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:parpadeo; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

@-moz-keyframes parpadeo{ 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@-webkit-keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }
@keyframes parpadeo { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } }

@-moz-keyframes avanzando { 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }
@-webkit-keyframes avanzando { 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }
@keyframes avanzando { 0% { opacity: 1; right: -5px; } 20% { opacity: 1; right: 0; } 40% { opacity: 0.5; right: 5px; } 60% { opacity: 0; right: 10px; } 80% { opacity: 0.5; right: 5px; } 100% { opacity: 1; right: 0px; } }


.mt-0 {margin-top:0 !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-30 {margin-bottom:30px !important;}
.pt-0 {padding-top:0 !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-30 {padding-bottom:30px !important;}
.w-100 {width: 100%;}

.embed-container { position: relative; padding-bottom: 56.25%;  padding-bottom: 46.25%; height: 0; overflow: hidden; max-width: 100%; top: 50%; transform: translateY(-50%);}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Estructura */

.homescreen, .splash, .ok, .no, .win-entrada, .win-texto, .win, .gameover-entrada, .gameover-texto, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoPista,  #avisoAyuda, .btn-avance, #google_map , .img_OK, #avisoMensaje, #audioEnigma, .introMensaje, .comicMensaje {position:fixed;top:0;left:0;right:0;bottom:0;}
.homescreen, .splash, .ok, .no, .win-entrada, .win-texto, .win, .gameover-entrada, .gameover-texto, .gameover, #aviso30, #aviso15, #aviso5, #aviso1, #avisoPista, #avisoAyuda, .iconnav .icon .num, #avisoMensaje, #audioEnigma, .introMensaje, .comicMensaje  {background-position:center;background-repeat:no-repeat;background-size:contain;}

.homescreen {z-index:9999;background-color:#80b984;}
.splash {background-image:url('../img/splash.png');}
.splash-bg {background-image:url('../img/splash-bg.png');background-size:cover;}
.index-bg {background-color:#eae7d9;background-size:cover;/*background-image:url('../img/index-bg.png');*/background-position:center;background-repeat:no-repeat;}
#pistas {background-color:#c0cdd1;background-size:cover;/*background-image:url('../../img/index-bg.png');*/background-position:center;background-repeat:no-repeat;}

#enter {display:block;position:fixed;bottom:0;right:0;left:0;top:0}

.navtop {padding:12px 0;text-align:center;position:fixed;top:0;left:0;right:0;background:transparent;z-index:10;/*border-bottom:solid #424242 1px*/}
.iconnav .icon {width:40px;position:relative;margin:0 auto;}
.iconnav .icon img {width:40px;}
.iconnav .icon .num {line-height:100%;background-image:url('../img/fondo-numeros.png');width:20px;height:20px;margin:0;padding-top:6px;position:absolute;bottom:-4px;right:-6px;color:#ede2ce;font-size:.9em;}
.navbottom {position:fixed;bottom:0;left:0;right:0;text-align:center;padding-top:10px;background:transparent;/*border-top:solid #424242 1px*/}

.btn-menu {width:100%;margin:15px auto}
.btn-settings {width:40px;margin:25px auto}
.btn-effec:hover, .btn-effec:focus {opacity:0.75}
.btn-avance {display:block;}
.btn-close, .btn-close-aviso-pista, .btn-close-aviso-mensaje, .btn-close-introMensaje {position:fixed !important;top:0;right:0;z-index:9999;padding:10px}
.btn-close-aviso-pista, .btn-close-introMensaje {bottom:0;left:0;padding:0;}
.btn-close-audio-enigma {position:fixed !important;top:0;right:0;z-index:99;padding:10px;bottom:0;left:0;padding:0;}
.btn-close-aviso-mensaje, .btn-next {position:fixed !important;top:0;right:0;z-index:9999;padding:10px}
.btn-close-aviso-mensaje-full {left:0;}
.btn-next {right:8px;bottom:8px;top:auto;}
.btn-play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.btn-skip {position: fixed; bottom: 20px; right: 25px; z-index: 999; color: #fff; text-decoration: none;}

#btn-audio {display:block;padding:0;;margin:0 auto;width:60px;height:60px;background-color:transparent;background-repeat:no-repeat;background-image:url('../img/boton-play.png');background-size:contain;background-position:center;}
#btn-audio.btnPause {background-image:url('../img/boton-pause.png');}

#myProgress {padding:0;margin-top:0;background-color:#999;background-size:contain;background-position:center;width:100%;position:absolute;top:0;left:0;z-index:-1}
#tiempo {text-align:right;margin:0 auto 0 auto;padding:20px;font-size:24px;line-height:100%;color:#ede2ce;position:relative;z-index:10;font-weight:bold;letter-spacing:1px;}
#dias {text-align:right;position: absolute;right: 22px;top: 29px;color: #ede2ce;z-index:10;letter-spacing: 0;}
#theBar {background:#50ada0;height:100%;position:absolute;right:0;top:0;z-index:5}

/* Mensajes */

.aviso-landscape, .aviso-portrait, .enviando {z-index:994;display:none;background-position:center;background-repeat:no-repeat;background-size:contain;position:fixed;top:0;left:0;right:0;bottom:0;}
.aviso-portrait {z-index:999999;display:none;}
.video {/*z-index:9999999 !important*/; z-index:995 !important; background:#000;}
.aviso-landscape h2, .aviso-portrait h2 {margin:0 !important;line-height:110%;font-size:1em;color:#eee;padding:100px;text-align:center}
.enviando {background-image:url('../img/mensajes/enviado.gif');background-color:rgba(132,189,99,.8);}

@media (orientation: landscape) {
	.aviso-landscape {display:block;background-image:url('../img/mensajes/rotation.gif');background-color:rgba(0,0,0,0.75);}
    .video {padding:60px;}
}
@media (orientation: portrait) {
	.aviso-portrait {display:none;background-image:url('../img/mensajes/rotation-landscape.gif');background-color:rgba(0,0,0,0.75)}
    .video {padding:0;}
}

.ok, .no {display:none;z-index:9999;background-size:cover;}
.ok {background-color:#50ada0;background-image:url('../img/mensajes/ok.gif');}
.ok-win {background-image:url('../img/mensajes/fuegos-artificales.gif');background-size: contain; background-position: center bottom;}
/*
.ok-1 {background-image:url('../img/mensajes/ok.gif');}
.ok-2 {background-image:url('../img/mensajes/ok.gif');}
.ok-3 {background-image:url('../img/mensajes/ok.gif');}
.ok-4 {background-image:url('../img/mensajes/ok.gif');}
.ok-5 {background-image:url('../img/mensajes/ok.gif');}
.ok-6 {background-image:url('../img/mensajes/ok.gif');}
.ok-7 {background-image:url('../img/mensajes/ok.gif');}
.ok-8 {background-image:url('../img/mensajes/ok.gif');}
.ok-9 {background-image:url('../img/mensajes/ok.gif');}
.ok-10 {background-image:url('../img/mensajes/ok.gif');}
.ok-11 {background-image:url('../img/mensajes/ok.gif');}
.ok-12 {background-image:url('../img/mensajes/ok.gif');}
.ok-13 {background-image:url('../img/mensajes/ok.gif');}
.ok-14 {background-image:url('../img/mensajes/ok.gif');}
.ok-15 {background-image:url('../img/mensajes/ok.gif');}
.ok-16 {background-image:url('../img/mensajes/ok.gif');}
.ok-test {background-image:url('../img/mensajes/ok.gif');}
*/

.no {background-image:url('../img/mensajes/no.gif');background-size: cover;/*background-color:#000;*/}
.no-2 {background-image:url('../img/mensajes/no.gif');background-size: cover;}

.img_OK {display:none;z-index:9999;}
.img_OK img {margin:0 auto;width:100%;height:auto;}

#aviso30, #aviso15, #aviso5, #aviso1 {z-index:99999;display:none;background-size:cover;}
#aviso30 {background-color:#e0ebd4;background-image:url('../img/mensajes/30.gif');}
/*
#aviso15 {background-color:#d69c00;background-image:url('../img/mensajes/15.gif');}
#aviso5 {background-color:#d56002;background-image:url('../img/mensajes/5.gif');}
#aviso1 {background-color:#7e1515;background-image:url('../img/mensajes/1.gif');}
*/
#avisoPista, #avisoMensaje, #indicaciones, .comicMensaje {z-index:998;display:none;}
#avisoPista {background-color:rgba(0,0,0,0.5);background-image:url('../img/mensajes/aviso-pista.gif');background-size:365px auto;}
#avisoAyuda {z-index:90;display:block;background-color:rgba(0,0,0,0);background-size:365px auto;}
#avisoMensaje {background-size:cover;display:block;}
#indicaciones {background-color:rgba(0,0,0,0.5);color:#eee}
#audioEnigma {z-index:90;display:none;background-color:rgba(0,0,0,0.5);background-size:365px auto;}
.comicMensaje {background-size:cover;background-color:#f5f5f5;display:block;}
    
.avisoMensaje-test {background-image:url('../img/mensajes/mensaje-test.png');background-color:#5f6660;color:#eee}
.avisoMensaje-1 {background-color:#000;color:#eee}

.introMensaje {background-color:rgba(0,0,0,0.65);background-size:contain;z-index:999;}

.historia h2 {margin:0 55px 0 0;line-height:120%;}
.historia iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.textos-historia {padding:20px;position:relative;z-index:2;font-weight:normal;font-size:1em;position:absolute;top:0;left:0;right:0;bottom:0;box-sizing: border-box;}
.textos-historia-matter, .textos-historia-fondo {background:rgba(255,255,0,0.75);color:#424242;font-size:0.8em;font-weight:bold}
.textos-historia-fondo {font-size:1em;}
.textos-historia-dark {background-color: rgba(0,0,0,0.5);color: #fff;}
.textos-historia-bottom h2 {position:absolute;bottom:20px;}
.textos-historia-center h2 {position:absolute;top:50%;transform:translateY(-50%);}
.textos-historia-light {color: #fff;text-shadow: 1px 1px 10px rgba(0,0,0,1);} 

.textos-recurso-video {padding:20px 80px 20px 20px;position:absolute !important;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5)}
.textos-recurso-video h2 {color:#fff;margin:0;font-weight: 700; font-size: 1.6rem;}

.win-entrada, .win {z-index:999;}
.win-entrada {/*z-index:99999;*/display:block;background-color:transparent;background-size:cover;background-image:url('../img/mensajes/ok.gif');}
.win-entrada {display:none;background-color:#50ada0;}
.win {display:none;background-color:#50ada0;background-size:cover;background-image:url('../img/mensajes/fuegos-artificales.gif');}
	
.gameover-entrada, .gameover {z-index:999;}
.gameover-entrada, .gameover-texto {/*z-index:99999;*/display:block;;background-size:contain;}
.gameover-entrada {background-color:#2a2c26;background-image:url('../img/mensajes/gameover.gif');}
.gameover-texto {display:none;/*background-image:url('../img/mensajes/gameover-texto.gif');*/}
.gameover {background-color:#2a2c26;background-image:url('../img/mensajes/gameover.gif');background-size:cover;}

/* Pantalla Enigma */

.enunciado {text-align:left;margin:70px 0 100px 0;}
.enunciado h2, h2 {font-weight:normal;line-height:110%;font-size:1.1em;}
.enunciado h2 {font-size:1.2em;margin:10px 0;}
.enunciado p {font-size:0.8em;margin:0 0 10px 0;}

.respuestas {}
.respuestas .btn-respuesta {margin:0 0 10px 0;background:#fff;position: relative;}
.respuestas .opcion {float:right;padding:7px 10px;background:#0eb0a0;color:#fff;position: absolute; top: 0; right: 0; bottom: 0;}
.respuestas .respuesta {padding:7px 35px 7px 7px;}
.respuestas .btn-respuesta:hover {cursor:pointer;}

.parpadeoOK { animation-name: parpadeoOK; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeoOK; -webkit-animation-duration: .25s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:parpadeoOK; -moz-animation-duration: .25s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

@-moz-keyframes parpadeoOK { 0% { background: #5cd900; } 50% { background: yellow; } 100% { background: #5cd900; } }
@-webkit-keyframes parpadeoOK { 0% { background: #5cd900; } 50% { background: yellow; } 100% { background: #5cd900; } }
@keyframes parpadeoOK { 0% { background: #5cd900; } 50% { background: yellow; } 100% { background: #5cd900; } }

.parpadeoNO { animation-name: parpadeoNO; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:parpadeoNO; -webkit-animation-duration: .25s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;-moz-animation-name:parpadeoNO; -moz-animation-duration: .25s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

@-moz-keyframes parpadeoNO { 0% { background: red; } 50% { background: orange; } 100% { background: red; } }
@-webkit-keyframes parpadeoNO { 0% { background: red; } 50% { background: orange; } 100% { background: red; } }
@keyframes parpadeoNO { 0% { background: red; } 50% { background: orange; } 100% { background: red; } }

/* Puntuacion */
.status {padding: 10px 30px; position: fixed; bottom: 0; right: 0; left: 0; color: #424242; /*background: #222; */  font-size: .85rem;}
#puntuacion {padding: 25px 30px; font-size: 30px; margin: 0 0 12px 0; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); font-weight: bold; color: #424242; background-position:top center;background-size:contain;background-repeat:no-repeat; }
.puntuacion { background-image:url('../img/icon-star.png'); }
.puntuacion-off { background-image:url('../img/icon-star-off.gif'); }

#estrellaAdd, #estrellaAddRapidez, #puntuacionAdd, #puntuacionAddRapidez, #efectAdd, #efectAddRapidez {position: fixed; bottom: 0; left: 0;right:0;top:0;background-position:center;background-color:transparent;background-size:cover;}
.estrellaAdd, .puntuacionAdd, .efectAdd { display:none;}
.estrellas {padding: 25px 30px;color: #424242; background-position:top center;background-size:contain;background-repeat:no-repeat; background-image:url('../img/icon-star.png');}
     
.estrellaPlus { animation-name: estrellaPlus; animation-duration: .25s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name:estrellaPlus; -webkit-animation-duration: .25s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name:estrellaPlus; -moz-animation-duration: .25s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }

@-moz-keyframes estrellaPlus { 0% { padding: 25px 30px; } 50% { padding: 35px 40px; } 100% { padding: 25px 30px; } }
@-webkit-keyframes estrellaPlus { 0% { padding: 25px 30px; } 50% { padding: 35px 40px; } 100% { padding: 25px 30px; } }
@keyframes estrellaPlus { 0% { padding: 25px 30px; } 50% { padding: 35px 40px; } 100% { padding: 25px 30px; } }

h2.enunciado-especial {position:relative;padding:7px;z-index:2;background:rgba(255,255,0,0.85)}
.tactil {padding: 2px; background: #333; border-radius: 10px; width: 100px; color: #fff; position: fixed; top: 58px; left: 50%; transform: translateX(-50%); z-index:10;}
#pistas p {font-size:1em;margin:0 0 10px 0;}
.enunciado-audio {opacity:0;-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; }

.navbottom fieldset {padding:0 0 15px 0 !important}
.input-respuesta {display:inline-block !important;margin:0 !important;text-align:center;font-weight:bold;text-transform:uppercase;border:none;background:#fff;/*border: 1px solid #333 !important;box-shadow: inset 0 1px 3px #333 !important;*/width:30px;padding: .45em !important; line-height:100%;}
.button-responder {color: white; /*border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/ background: transparent; margin:0 !important;font-weight:bold;padding: 0;line-height:100%;}
.button-responder:hover {background:transparent}
.button-responder img {width:33px;padding:0;margin-top:3px;}
.button-k {color: white; border-radius: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); background: #111; margin:0 !important;font-weight:bold;padding: .5em 1em;}

/* Modals */
#mapa {background-color:#f5f5f5;position:relative;z-index:999999 !important;}
#google_map {position:fixed !important;background-color:#f5f5f5;z-index:999}
.title-avance-mapa, .title-ok {font-size:1.1em;text-align:left;position:fixed !important;top:0;left:0;right:0;margin:0;padding:20px 20px 20px 20px;font-weight:bold;letter-spacing:0;z-index: 9999;line-height:110%;background:transparent;color:#424242}
.title-ok {color:#424242;line-height:120%;font-weight:normal;margin-right: 20%;}
.title-avance-mapa {/*background:rgba(255,255,0,0.5);*/padding:20px 25% 20px 20px;}
.ok .title-ok {font-weight:700;color:yellow;font-size:1.6em;}
.pies-foto {position: absolute; bottom: 20px; font-size: 11px; left: 20px; width: 50%;}
.ayuda-sobremapa {position:fixed;left:50%;bottom:10px;transform:translateX(-139%);width:100%;max-width:365px;z-index:1001;transition: transform 1s;}
.ayuda-sobremapa div {margin:20px;padding:20px;background-color:rgba(0,0,0,0.7);border-radius: 8px;}
.ayuda-sobremapa div p {margin-bottom:0;color:#fff;letter-spacing:0;}
.ayuda-sobremapa div .lugar {width: 100%;}
.ayuda-sobremapa-off {transform: translateX(-50%);transition: transform 1s;}
.btn-ayuda {position: absolute; top: 45%;}
.btn-ayuda-l {right: 5px; transform: rotate(180deg); transition: left 1s;}
.btn-ayuda-r {left: 5px; transition: right 1s;transition: transform 1s;}
p.direccion {margin: 0; position: absolute; top: 72px;right: -10px; font-size: 0.85rem; transform: rotate(-90deg);}
        
#ranking {background:#555;}
.rank-user {border-bottom:solid 1px #fff; color:#fff;padding:20px 0;}
.rank-position {color:#ede2ce;font-size:2em;}