﻿@font-face {
    font-family: "DidactaliaBold";
    font-style: bold;
    font-weight: 100;
    src: url("../../../ecosistema/css/fonts/didactalia-Bold.eot?iefix") format("eot"), url("../../../ecosistema/css/fonts/didactalia-Bold.woff") format("woff"), url("../../../ecosistema/css/fonts/didactalia-Bold.ttf") format("truetype"), url("../../../ecosistema/css/fonts/didactalia-Bold.svg#webfontBrRlslYt") format("svg");
}

#map {width: 100%; height:900px; }
#score {font-weight: bold; }

.info,
.puntuacion,
.info-intentos {padding: 6px 8px; background: white; background: rgba(255,255,255,0.8); box-shadow:0 0 15px rgba(0,0,0,0.2); border-radius: 5px; }
.mensaje-acierto {padding-top:300px; padding-left: 350px; font: 27px/28px Arial, Helvetica, sans-serif; color: yellow; text-shadow: 2px 2px #000000; }
.mensaje-error {padding-top:300px; padding-left: 350px; font: 27px/28px Arial, Helvetica, sans-serif; color: orange; text-shadow: 2px 2px #000000; }



#palco .headRow02{display: none !important; }

/* MOSTRAR OCULTAR CONTROLES MAPA */
.mensaje-acierto,
.mensaje-error,
.info-intentos,
.info,
.control-modo,
.puntuacion.leaflet-control{display: none; }

/* OCULTAR MIENTRAS CARGA */
.cargandoJuego .mapaJuego .mapaJuego,
.cargandoJuego .mapaJuego .pieJuego,
.cargandoJuego .mapaJuego .cabeceraJuego{display: none; }

/* MAPA JUEGO */

.cargandoJuego .palcoContent{display: none; }
.yaJugado .palcoContent{display: block; }


.mapaJuego {margin: 0; padding: 0; position: relative; }

.mapaJuego ul,
.mapaJuego ul li{list-style: none outside none; padding: 0; margin: 0; }
.mapaJuego *{font-size: 16px; /*font-weight: bold;*/ }

.mapaJuego .label{width: auto !important; height: auto !important; color: #000; background: rgba(255, 255, 255, 0.4); }
.mapaJuego .divLoader{text-align: center; height: 100%; width: 100%; position: fixed; z-index: 3000; background: #FFF; }


.sinEtiquetas .mapaJuego .lineasEtiqueta,
.sinEtiquetas .mapaJuego .label{display: none; }

  /* GENERALIZACION PUNTUACIÓN */
   .mapaJuego .puntuacion{   }
	.mapaJuego .puntuacion span{float: left; color: #e4082e;  width: 90%; text-align: right;   }
	.mapaJuego .puntuacion span.etiqueta{font-size: 18px; }
  .mapaJuego .puntuacion span.total{font-size: 32px;  }

  .mapaJuego .leaflet-control-attribution { position: fixed; bottom: 0; right: 0; }


	/* HEAD PALCO - PUNTUACIÓN */

		/* MODO DE JUEGO */
		.juegoFinalizado .palco .palcoHead .headRow01 .modo > a {display: none; }
		.juegoFinalizado .palco .palcoHead .headRow01 .webSiteTitle { flex-grow: 1; max-width: none; }

        .palcoActivo .palco {  display: block !important; height: calc(100% - 1px);        }
        .palco .palcoHead { height: 40px; }
        .palco .palcoHead .headRow01 .webSiteTitle {  }
        .palco .palcoHead .headRow01 .webSiteTitle p { font-family: Arial, Helvetica, sans-serif; font-size: 20px; }
        .palco .palcoHead .headRow01 .modo { min-width: 50%; background: #E4042B; border: 0; box-shadow: none; width: auto; text-align: left; font-size: inherit; display: flex; align-items: center; padding: 0;}
        .palco .palcoHead .headRow01 .modo > a.activo { background-color: #FBDADF; color: #e4082e; border: 0; }
        .palco .palcoHead .headRow01 .modo > a { padding: 0px 45px; text-decoration: none; cursor: pointer; text-transform: uppercase; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 16px; font-weight: 700; border-left: 1px solid; border-right: 1px solid #e4042b; height: 100%;}

        .palco .palcoHead .headRow01 .displayJuego {  display: flex; align-items: center; height: 100%; background-color: #FBDADF; padding: 0px 15px; border-left: 1px solid #e4082e; }
        .palco .palcoHead .headRow01 .displayJuego .etiqueta { padding: 0 20px;  font-family: 'Arial', sans-serif; font-size: 16px; font-weight: 700; color: #e4082e; width: auto; box-sizing: border-box; float: none; display: inline-block;}
        .palco .palcoHead .headRow01 .displayJuego .soloPracticar,
        .palco .palcoHead .headRow01 .displayJuego .objetivo { text-transform: uppercase; font-weight: bold; padding: 5px 15px; width: auto; box-sizing: border-box; display: inline-block; float: none; background-color: #FFF;}
        .palco .palcoHead .headRow01 .displayJuego select.objetivo{padding: 8px 10px; }
        .palco .palcoHead .headRow01 .displayJuego .gameover,
	    .juegoFinalizado .palco .palcoHead .headRow01 .modo {display: none; }
	    .juegoPuzzle.modoVerActivo .palco .palcoHead .headRow01 .modo .displayJuego {display: none; }
	    .juegoPuzzle .palco .palcoHead .headRow01 .modo .displayJuego .objetivo {display: none !important; }

        @media (max-width: 1199px){
            .palco .palcoHead .headRow01 .modo a { padding: 0 16px; }
        }

        @media (max-width: 991px){
            .palco .palcoHead { height: 80px; }
            .modoVerActivo .palco .palcoHead { height: 40px; }
            .palcoHead .webSiteTitle { display: none !important; }
            .palco .palcoHead .headRow01 { height: 40px; }
            .palco .palcoHead .headRow01 .corporativo { display: none; }
            .palco .palcoHead .headRow01 .modo a { flex: 0 0 50%; max-width: 50%;  padding: 0 25px; }
            .palco .palcoHead .headRow01 .displayJuego {justify-content: center; top: 40px; padding: 5px;position: fixed; left: 0; flex-wrap: wrap; height: 40px; border: 0;width: 100%; margin-left: 0;  }
            .palco .palcoHead .headRow01 .closeButton { padding: 0 15px 0 10px; }
            .juegoFinalizado .palcoHead { height: 40px; }
            .juegoFinalizado .palcoHead .webSiteTitle { display: block !important; }
            .palco .palcoHead .headRow01 .displayJuego .etiqueta { font-size: 13px; padding: 0 10px;}
            .palco .palcoHead .headRow01 .displayJuego .soloPracticar,
            .palco .palcoHead .headRow01 .displayJuego select.objetivo,
            .palco .palcoHead .headRow01 .displayJuego .objetivo { font-size: 13px; padding: 4px 5px;}
            .palco .palcoHead .headRow01 .displayJuego .soloPracticar { font-size: 11px; padding: 3px 4px; }
        }

        @media screen and (max-width: 768px){
            .juegoFinalizado .palcoHead .webSiteTitle { display: none !important; }
        }

        @media screen and (max-width: 450px){
            .palco .palcoHead .headRow01 .displayJuego .etiqueta { font-size: 11px; padding: 0 5px;}
            .palco .palcoHead .headRow01 .displayJuego .soloPracticar,
            .palco .palcoHead .headRow01 .displayJuego select.objetivo,
            .palco .palcoHead .headRow01 .displayJuego .objetivo { font-size: 11px; padding: 2px;}
        }


	/* CABECERA JUEGO */
	.cabeceraJuego{ width: 100%; height: auto;}

    .juegoPuzzle.modoVerActivo .cabeceraJuego { display: block !important; }


	.cabeceraJuego .partida .resultado{ color: #fff; display: none; top: 10px; left: 40%; position: absolute; z-index: 9999; border: 2px solid #FFF; font-size: 20px;/**/ width: auto; float: none; clear: both; padding: 8px 10px; transition: left .5s ease-in-out;}
	.cabeceraJuego .partida .resultado.open{display: block;}
	.cabeceraJuego .partida .resultado.acertado{background-color: #005400; }
	.cabeceraJuego .partida .resultado.fallado{background-color: red;}
	.cabeceraJuego .partida .resultado a{color: white; text-decoration: underline; }
	.cabeceraJuego .partida .resultado .cabeceraFin,
	.cabeceraJuego .partida .resultado .wrapBoton,
	.cabeceraJuego .partida .resultado .tabsFinJuego,
	.cabeceraJuego .partida .resultado .contenedorWrapsFinJuego {display: none; }

	.cabeceraJuego .partida .resultado.acertado .publiFinBottom,
	.cabeceraJuego .partida .resultado.fallado .publiFinBottom { display: none !important;}
	.cabeceraJuego .partida .resultado.finDelJuego .publiFinBottom { display: block !important; border: 0; }

	/* restyling fin juego */
	.cabeceraJuego .partida .resultado.finDelJuego{width: 60%;top: 0;background: #FFF !important;padding: 0px;border: 0;height: calc(100vh - 50px - 40px);left: 20%; padding-bottom: 0 !important; }
	.publiLateral .cabeceraJuego .partida .resultado.finDelJuego { left: 10%; }


	.cerrarPanelFinJuegos .cabeceraJuego .partida .resultado.finDelJuego{left: 20%; }

	.cabeceraJuego .partida .resultado.finDelJuego .cabeceraFin{background: #E4042B; color: #FFF; padding: 0 20px; font-family: helvetica, arial, sans-serif; text-align: left; text-transform: none; display: inherit; height: 40px; line-height: 40px; }
	.cabeceraJuego .partida .resultado.finDelJuego .cabeceraFin .textoCabeceraFin { color: #FFF; font-family: helvetica, arial, sans-serif; text-transform: none; float: none; padding-left: 0; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado { float: left; width: 100%; height: calc(100% - 40px); overflow-y: auto; position: relative; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado .cerrar { position: absolute; right: 20px; top: 20px; font-size: 35px; color: #E4042B; cursor: pointer; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapMensaje{/*float: left;*/ font-size: 18px; width: 60%; color: #4F4F4F; padding: 25px 45px /*60px*/; padding-bottom: 0; text-align: left; width: 100%; text-align: center; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapMensaje > span{float: none; padding: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapMensaje .textoTerminado { display: block; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton{/*float: right; width: 40%;*/ padding: 20px /*60px*/; /*padding-left: 0;*/ display: flex; flex-wrap: wrap; /*width: auto;*/ }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton > div { flex: 0 0 50%; max-width: 50%; border-right: 1px solid #333; padding: 0 20px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .izq { display: flex; flex-wrap: wrap; /*align-items: center;*/ justify-content: flex-end; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .der { border: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .der > a { width: 160px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton a{font-size: 14px; font-weight: 700; background: #E4042B; color: #FFF; padding: 10px; text-decoration: none; display: block; margin-bottom: 0px; /*border-radius: 5px;*/ cursor: pointer; text-align: center; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugar,
  .cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugarTorneos{/*clear: both; float: right; margin-right: 10px; margin-left: 0; margin-bottom: 5px;*/ margin-bottom: 0; }
  .cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnSinPubli { font-size: 14px; width: 100%; clear: both; height: 42px; background: transparent; color: #E4042B; /*border: 3px solid #E4042B;*/ padding: 9px; text-decoration: underline; margin-top: 10px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton a.guardarPuntuacion { display: none; width: 150px; }
	.cabeceraJuego .partida .resultado .guardarPuntuacion{background: #E4042B; color: #FFF; padding: 10px; text-decoration: none; display: none; margin-bottom: 10px; /*border-radius: 5px;*/ /*clear: both; margin: 10px 60px; float: right; width: 40%;*/ clear: none; margin-bottom: 10px !important; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales{/*float: right;*/ display: flex; align-items: center; justify-content: flex-end; width: 100%; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales span { font-size: 12px; color: #333; margin-right: 10px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales a{/*float: left;*/ font-weight: 400; margin-bottom: 0; height: 36px; width: 36px; line-height: 1.5; display: flex; align-items: center; justify-content: center; padding: 8px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales a:before { font-size: 20px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales .btnTwitter{margin-right: 5px; background: #1da1f2; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales .btnFacebook{/*margin-left: 5%;*/ background: #3b5998; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapMensaje,
	.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton { background-color: #f6f6f4; }

	.cabeceraJuego .partida .resultado.finDelJuego .tabsFinJuego { display: block; float: left; width: 100%; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; text-align: left; padding: 0 15px; margin: 0; margin-bottom: 10px; }
	.cabeceraJuego .partida .resultado.finDelJuego .tabsFinJuego > div { color: rgba(0,0,0,.4); font-size: 15px; font-weight: normal; border-bottom: 3px solid transparent; margin-bottom: -1px; display: inline-block; padding: 10px; cursor: pointer; font-family: helvetica, arial, sans-serif; text-transform: none; }
	.cabeceraJuego .partida .resultado.finDelJuego .tabsFinJuego > div.active,
	.cabeceraJuego .partida .resultado.finDelJuego .tabsFinJuego > div:hover { color: rgba(0,0,0,.6); border-color: #E4042B; font-weight: bold; }

	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego { display: flex; flex-wrap: wrap; width: 100%; padding: 15px 45px 0 45px; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .titulo { display: inline-block; font-family: helvetica, arial, sans-serif; font-size: 14px; font-weight: 700; color: #444; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #444; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking { /*float: left; width: 100%; padding: 20px 25px; background: #FFF;*/ flex: 0 0 50%; max-width: 50%;}
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child { float: left; width: 100%; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser { padding: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser {  }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser .labelRanking { text-align: left; width: 70%; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser .btnRetar{ background: #027FFF; text-transform: capitalize; padding: 11px 10px; font-family: helvetica, arial, sans-serif; text-decoration: none; border-radius: 5px; font-weight: normal; cursor: pointer; max-width: 30%; font-size: 11px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios { float: left; width: 100%; margin-top: 5px; text-align: left; padding: 8px 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios .clasificacion {font-size: 15px; /*color: rgba(0,0,0,.5);*/ float: none; cursor: pointer; /*padding: 10px; padding-left: 0; font-family: 'DidactaliaBold';*/ margin: 0; color: #444; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios .clasificacion:after { color: #E4042B; display: inline-block; content: "\e259"; font-family: 'Glyphicons Halflings'; margin-left: 5px; position: relative; top: 2px;   }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking span { padding: 0 4px; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking { padding: 0 /*25px*/; padding-top: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .wrapRanking { padding-right: 20px; }
	.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .wrapTopCinco { padding-left: 20px; }

	.wrapContexto{display: none !important; }
	.juegoFinalizado .wrapContexto{display: block !important; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto{clear: both; padding: 0 45px;/*20px 15px;*/ padding-bottom: 0; float: left; width: 100%; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .tituloContextos{text-align: left; padding: 20px 0; padding-bottom: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .tituloContextos p{display: inline-block; /*border-bottom: 3px solid #e4042b;*/ font-family: helvetica, arial, sans-serif; color: #444; font-weight: 700; text-transform: none; font-size: 14px; padding-bottom: 10px; margin: 0; margin-bottom: 0px; /*padding-left: 10px;*/ }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto > .group{float: left; width: 100%; border-top: 1px solid #444; padding: 10px 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto > .group h2{text-transform: none; text-align: left; display: none; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto > .group a{font-family: 'EB Garamond', serif; color: #000; text-transform: none; font-weight: normal; text-align: left; text-decoration: none; }

		@media (max-width: 768px){
			.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios .clasificacion{margin-left: 0; padding-left: 10px; display: block; text-align: center; }
		}

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource{width: 100%; float: left; background: none !important; padding: 0 5px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource:last-child{/*margin-bottom: 20px;*/ }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource:nth-child(2n){padding-right: 0;  }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource:nth-child(2n+1){padding-left: 0;  }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource:nth-child(2n+1) > .box{background: #f4f3f1; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource:nth-child(2n) > .box{/*background: #fafafa;*/background: #f4f3f1; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .group.title { padding: 0 10px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .group.title > a { height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .tipoJuego{font-family: 'EB Garamond', serif; font-size: 13px; color: #444; text-align: left; margin-bottom: 0; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .imagenAsociada .tipoJuego{display: none; }

	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .owl-nav{}
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .owl-nav div{position: absolute; top: 30%; width: 30px; height: 30px; /*background: #999; border-radius: 50%;*/ line-height: 30px; text-align: center; left: -40px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .owl-nav div.owl-next{left: inherit; right: -40px;  }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .owl-nav div.disabled{opacity: .5; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .owl-nav div i{ font-size: 32px; color:#e4052b; }

	/* scroll */

	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar{background-color: #FFF; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar-button{}
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar-track{}
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar-track-piece{}
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar-thumb{border: 7px #FFF solid; border-radius: 14px; background: #888; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; }
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-scrollbar-corner{}
	.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado::-webkit-resizer{}


	.cabeceraJuego .partida .resultado.finDelJuego .capaLoading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.8); line-height: 150px; display: none; }
	.cabeceraJuego .partida .resultado.finDelJuego.loading .capaLoading { display: flex; align-items: center; justify-content: center; }
		.cabeceraJuego .partida .resultado.finDelJuego .capaLoading .spinner-blue-only { border-color: #E4042B; }

	/*.cabeceraJuego .partida .resultado.finDelJuego.sinConectar .contenedorWrapsFinJuego .wrapRanking .footerUsuarios .clasificacion { display: none; }*/
	.cabeceraJuego .partida .resultado.finDelJuego.sinConectar .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios .clasificacion { display: none; }
  .cabeceraJuego .partida .resultado.finDelJuego.sinConectar a.guardarPuntuacion { display: block; }

	.juegoFinalizado .cabeceraJuego .partida .etiqueta,
	.juegoFinalizado .cabeceraJuego .partida .objetivo{display: none; }

	@media (max-width: 1199px){
		.cabeceraJuego .partida .resultado.finDelJuego { width: 70%; left: 10%; }
	}

	@media screen and (max-width: 1200px){
		.cerrarPanelFinJuegos .cabeceraJuego .partida .resultado.finDelJuego{width: 60%; }

		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales{/*float: none;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugar,
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugarTorneos{/*margin-top: 5px; clear: both; float: left;*/ margin-top: 0; clear: none; margin-left: 5px; float: right; }
	}

	@media screen and (max-width: 992px){
		.cabeceraJuego .partida {/*text-align: center;*/ }
		/*.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .wrapRanking .usuarios .divUser .infoUser .btnRetar{padding: 5px 10px; }*/
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser .btnRetar{padding: 7px 5px; }

		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource{width: 100%; /*padding-left: 0; padding-right: 0;*/ }

	}

	@media (max-width: 991px){
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto { padding: 0 45px; }
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego { padding: 15px; }
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking { flex: 0 0 100%; max-width: 100%; padding: 0; padding-bottom: 10px; }

		.cabeceraJuego .partida .resultado.finDelJuego .wrap-resultado .cerrar { top: 7px; right: 5px; font-size: 30px; }
	}

	@media screen and (max-width: 768px){
		.cabeceraJuego .partida .resultado.finDelJuego{/*left: 0%; top: 0%;*/ width: 100%; height: 100%; }
		.juegos-naturales .cabeceraJuego .partida .resultado.finDelJuego{width: 100%; }

		.mapas .cabeceraJuego .partida .resultado.finDelJuego{/*left: 0%;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .cabeceraFin{text-align: center; padding: 10px; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapMensaje,
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton{float: none; width: 100%; text-align: center; /*padding: 10px;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton{/*width: auto; float: right; padding-left: 0;*/ }

		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales{float: right; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugar,
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugarTorneos{margin-top: 0; clear: inherit; float: right; margin-right: 5px; margin-bottom: 10px; }

		.cabeceraJuego .partida .resultado .guardarPuntuacion{width: auto; margin: 0 10px; float: right; clear: none; margin-top: 10px; margin-right: 0px; }

		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking{padding-left: 0; padding-right: 0; }

		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto{/*padding: 10px;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource{/*width: 100%; padding-left: 0; padding-right: 0; height: auto;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto > .group .group.title{/*display: none;*/ }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource > .box{/*background: none !important;*/ border: 0; height: 100%; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .imagenAsociada{/*width: 100%;*/  }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .resource-list .resource .imagenAsociada .tipoJuego{/*display: block;*/ text-align: center; white-space: normal; max-width: 80px; line-height: 1.4; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto > .group a{width: 80px; max-width: 80px; }

		.cerrarPanelFinJuegos .cabeceraJuego .partida .resultado.finDelJuego{left: 0; width: 100%; overflow-y: auto; }

		.palcoHead .webSiteTitle{display: none !important; }
		.juegoFinalizado .palcoHead .webSiteTitle { display: block !important; }
		.palcoHead .wrapMarcador{width: 100%;}

		/*
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .wrapRanking .usuarios .divUser .infoUser .labelRanking{width: 60%; }
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .wrapRanking .usuarios .divUser .infoUser .btnRetar{padding: 5px; font-size: 16px; max-width: 40%; }
		*/

		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser .labelRanking{width: 60%; }
		.cabeceraJuego .partida .resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking > div:first-child .divUser .infoUser .btnRetar{/*padding: 5px; font-size: 16px;*/ max-width: 40%; margin-right: 15px; }
	}

	@media (max-width: 768px){
		.cabeceraJuego .partida .resultado.finDelJuego { width: 90%; left: 5%; }
		#panFinJuego.resultado.finDelJuego .contenedorWrapsFinJuego .contenedorUsuariosRanking .footerUsuarios .clasificacion{margin-left: 0; padding-left: 10px; display: block; text-align: center; }
		.publiLateral #panFinJuego.resultado.finDelJuego { left: 5%; }

		.cabeceraJuego .partida .resultado.finDelJuego .imagenAsociada { display: none; }
		#panFinJuego.resultado.finDelJuego .wrapContexto .resource-list .resource .group.title { padding: 8px; }

		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton { display: block; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton > div { border: 0; display: flex; flex-direction: column; align-items: center; flex: 0 0 100%; max-width: 100%; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .btnsSociales { justify-content: center; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .guardarPuntuacion { margin-bottom: 10px; }
		.cabeceraJuego .partida .resultado.finDelJuego .wrapBoton .volverAJugar { margin-top: 10px; }
	}


	/* PIE JUEGO */
    .footer span {
        margin: 0px 10px 0px 10px;
    }

	.pieJuego{ font-family: Arial, Helvetica, sans-serif; display: flex; justify-content: center; align-items: center; background: #FBDADF; font-size: 21px; font-weight: bolder; color: #e4042b; width: 100%;  z-index: 999; height: 55px; position: relative; }
	.pieJuego.open{height: 135px;     align-items: start;}
	.juegoFinalizado .pieJuego{display: none !important; }

    .pieJuego .fa {
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
    }

	.pieJuego .iconoFlecha{ position: absolute; top: -22px; left: 50%; transform: translateX(-50%); background: #FBDADF; border-radius: 80px 80px 0 0; height: 30px;width: 55px; display: flex; align-items: center; justify-content: center; color: #e4082e; cursor: pointer; transition: all .3s ease-in; font-size: 30px; margin: 0 8px; }

		.pieJuego .wrapConfig { display: flex; flex-wrap: wrap; align-items: center; position: absolute; top: 0; left: 0; }



		/* MARCADOR */

		.pieJuego .wrapMarcador{background: #FBDADF; margin-top: 45px; position:absolute;  width:100%;  font-size: 16px;}

		.pieJuego .wrapPuntuacion{text-transform: uppercase; width: 100%; float: left; text-align: center; height: 45px; line-height: 25px; display: flex; align-items: center; justify-content: center; }
		.pieJuego .wrapPuntuacion .iconoFlecha{color: #e4082e; cursor: pointer; width: 30px; height: 28px; transition: all .3s ease-in; font-size: 30px; }
        .pieJuego .wrapPuntuacion .puntuacion{ align-items: center; padding-top: 0; padding-bottom: 0; margin-left: 9px; max-width: 50%; padding-right: 15px; flex: 1; display: flex; justify-content: flex-end; background: none; border-radius: 0; box-shadow: none; color: #FFF; font-size: 21px;  border-right: 1px solid #e4082e; }
		.pieJuego .wrapPuntuacion .puntuacion span{float: none; width: auto; display: inline-block; font-size: inherit; color: #e4082e;    text-align: right; margin: 0; }
		.pieJuego .wrapPuntuacion .puntuacion span.etiqueta{display: none; }
		.pieJuego .wrapPuntuacion .puntuacion span.total{margin: 0; }
		.pieJuego .wrapPuntuacion .puntuacion span.barra{margin: 0 5px; }
		.pieJuego .wrapPuntuacion .puntuacion .icono { margin-left: 5px; }


		.pieJuego .wrapMarcador .marcador{width: 100%; display: none; border-top: 1px solid #fff; color: #504F4F; z-index: 99; float: right; }
		.pieJuego .wrapMarcador .marcador > div{width: 100%; display: flex; align-items: center; justify-content: center;  }
		.pieJuego .wrapMarcador .marcador ul{display: inline-block; height: 35px; list-style: none outside none;  padding: 0; margin: 0; border-bottom: 1px solid #FBDADF; }
		.pieJuego .wrapMarcador .marcador ul li{float: left; padding: 6px 10px;  }
		.pieJuego .wrapMarcador .marcador span{display: inline-block; padding: 0; height: 35px; line-height: 35px;  }
		.pieJuego .wrapMarcador .marcador span.etiqueta{ width: 130px; text-align: left; padding: 0 10px; margin: 0; color: #e4082e; background-color: #fff; border-bottom: 1px solid #FBDADF; border-right: 1px solid #FBDADF; /*display: none;*/ }
		.pieJuego .wrapMarcador .marcador span.total{}
		.pieJuego .wrapMarcador .marcador span.barra{margin: 0 5px; }
		.pieJuego .wrapMarcador .marcador span.maximos{}

		.pieJuego .wrapMarcador .marcador .intentos{}
		.pieJuego .wrapMarcador .marcador .intentos ul li{background-color: #fff;  }

		.pieJuego .wrapMarcador .marcador .aciertos{height: 35px; }
		.pieJuego .wrapMarcador .marcador .aciertos ul li{background-color: #fff;}

		.pieJuego .wrapMarcador.open{ }
		.pieJuego .wrapMarcador.open .marcador{display: block;  }
		.pieJuego .wrapMarcador.open .wrapPuntuacion .iconoFlecha{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

		.pieJuego .marcador{ float: left; width: 100%; height: 90px; padding: 10px; display: none; position: relative; text-align: right; }
		.pieJuego .marcador .aciertos{ }
		.pieJuego .marcador ul{display: inline-block; height: 35px;  }
		.pieJuego .marcador ul li{float: left; padding: 8px 10px;  }
		.pieJuego .marcador span{display: inline-block; padding: 0; height: 35px; line-height: 35px;  }
		.pieJuego .marcador span.etiqueta{ text-align: left; /**/ padding-left: 10px; }
		.pieJuego .marcador span.total{}
		.pieJuego .marcador span.barra{margin: 0 5px; }
		.pieJuego .marcador span.maximos{}

		.pieJuego .marcador .intentos{ }
		.pieJuego .marcador .intentos ul li{background-color: #e5e5e5;  }

		.pieJuego .marcador .aciertos{height: 35px; }
		.pieJuego .marcador .aciertos ul li{background-color: #f2f2f2;}

		.pieJuego.open .marcador{display: block; }

		/* IDIOMA */
		.pieJuego .idioma{margin: 0; /*height: 45px; width: 45px;*/ text-transform: uppercase; left: 0; top: 0; font-size: 16px; border-right: 1px solid #e4082e; }
		.pieJuego .idioma ul{display: inline-block; }
		.pieJuego .idioma ul li{float: left; margin-right: 2px; }
		.pieJuego .idioma ul li:last-child{margin-right: 0; }
		.pieJuego .idioma ul li a{display: block; background-color: #f2f2f2; color: #6e6e6e; padding: 10px; text-decoration: none; cursor: pointer; text-align: center; vertical-align: middle; width: 45px; height: 45px; }
		.pieJuego .idioma ul li a.activo{background-color: #fbdadf; color: #e4082e; }

		.pieJuego .selIdioma{display: block; padding: 10px; position: relative; cursor: pointer; color: #e4082e; background: #fbdadf; text-align: center; width: 45px; height: 45px; padding-top: 15px; }
		.pieJuego .selIdioma span{float: none; padding: 0; position: absolute; top: 0; right: 20%; color: #e4082e; }

		.pieJuego .idioma ul.listIdiomas{display: none; position: absolute; padding: 0; top: -43px; z-index: 9; left: 0; width: 45px; height: 45px; }
		.pieJuego .idioma ul.listIdiomas li{ list-style: none outside none; padding: 0; margin: 0; }
		.pieJuego .idioma ul.listIdiomas li a{ }
		.pieJuego .idioma ul.listIdiomas li a:hover{ background-color: #fbdadf; color: #e4082e; }
		.pieJuego .idioma.abierto ul.listIdiomas{display: inherit; }
		.pieJuego .idioma.abierto ul.listIdiomas li a.activo{display: none; }

		/* AUDIO */

		.pieJuego .audio { }
		.pieJuego .audio span{ background-position: 7px 6px; background: #fbdadf url(../spriteAudio.png?v=2.2.0037_20170330_1130) no-repeat 7px 5px; display: block; width: 45px; height: 55px; cursor: pointer; padding: 0; }
		.pieJuego .audio span.off{/*background-color: #f2f2f2;*/ background-position: -46px 5px;}

		.pieJuego.open .audio span { height: 45px; background-position: 7px 6px; }

		/* TOGGLE ETIQUETAS */
		.pieJuego .toggleEtiquetas{margin: 0; position: absolute; top: 5px; left: 100px; height: 45px; }
		.pieJuego .toggleEtiquetas span{display: block; width: 45px; height: 45px; cursor: pointer; padding: 0; background: #fbdadf url('../spriteEtiquetas.png?v=2.2.0037_20170330_1130') no-repeat -148px -8px; }
		.pieJuego .toggleEtiquetas span.off{background-position: -8px -8px; }

		/* CRONOMETRO */
		.pieJuego .wrapCronometro{max-width: 50%; flex: 1; display: flex; justify-content: flex-start;  line-height: 41px; color: #e4082e; padding-left: 15px; }
		.pieJuego .wrapCronometro .literal{font-family: helvetica, sans-serif; font-size: 12px; text-align: right; display: inline-block; width: 50%; line-height: 1.3; padding-right: 15px; vertical-align: middle; }
		.pieJuego .wrapCronometro .crono{display: inline; font-size: 21px; color: #e4082e; margin: 0; }
		.pieJuego .wrapCronometro .icono { margin-left: 0; margin-right: 10px; display: flex; font-size: 20px; align-items: center;}

		@media screen and (max-width: 991px){
            .pieJuego .wrapPuntuacion { justify-content: flex-end; padding-right: 10px;}
            .pieJuego .wrapPuntuacion .puntuacion { max-width: none; flex: 0; font-size: 14px; }
            .pieJuego .wrapPuntuacion .wrapCronometro { max-width: none; flex: 0; font-size: 14px; }
            .pieJuego .wrapPuntuacion .wrapCronometro .crono { font-size: 14px; }
        }

		@media screen and (max-width: 768px){
      .pieJuego .modo{text-align: right; }
            .pieJuego .wrapPuntuacion .puntuacion .icon,
            .pieJuego .wrapPuntuacion .wrapCronometro .icono { display: none; }
		}

		@media screen and (max-width: 500px){
			.pieJuego .wrapCronometro .literal{display: none; }
			.pieJuego .wrapCronometro .crono{font-size: 20px; }
		}

/* MODO VER */
.modoVerActivo .leaflet-popup-content{margin: 5px 20px; }
.modoVerActivo .leaflet-popup-content *{font-size: 14px !Important; }

.modoVerActivo .marcador,
.modoVerActivo .marcador.open,
.modoVerActivo .wrapPuntuacion{display: none !important; }
.modoVerActivo .palco .palcoHead .headRow01 .displayJuego {display: none; }


/* CENTRADO HEAD PALCO */

.palcoActivo .palcoHead .headRow01 { background: #E4042B; justify-content: space-between;}
.palcoActivo .palcoHead .headRow01 .corporativo{ padding: 0 10px; flex: 0 0 60px; max-width: 60px; }
.palcoActivo .palcoHead .headRow01 .webSiteTitle{ flex: auto !important; max-width: none !important;}

.juegoFinalizado.palcoActivo .palcoHead .headRow01 {  }
.juegoFinalizado.palcoActivo .palcoHead .headRow01 .webSiteTitle { flex: 0 0 calc(100% - 69px - 43px); max-width: calc(100% - 69px - 43px) !important; }
.publiLateral.juegoFinalizado.palcoActivo .palcoHead .headRow01 { padding-right: 300px; }

@media (min-height: 800px) and (min-width: 1440px){
	.publiLateral.juegoFinalizado.palcoActivo .palcoHead .headRow01 { padding-right: 0; }
}

/* AÑADIDO FIN RETO */
.cabeceraJuego .partida .resultado.finDelJuego.finReto .volverAJugar,
.cabeceraJuego .partida .resultado.finDelJuego.finReto .volverAJugarTorneos{display: none; }
.cabeceraJuego .partida .resultado.finDelJuego.finReto{top: 10%; }
.cabeceraJuego .partida .resultado.finDelJuego .textoGanador{float: left; width: 75%; color: #000; padding: 10px /*60px*/; text-align: left; font-size: 24px; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado{clear: both; float: left; width: 100%; padding: 10px /*25px*/; font-family: helvetica, arial, sans-serif; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado span{float: none; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .divInfoMapa{width: 60%; border: 1px solid #dedede; display: table; background: #f0f0f0; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .divInfoMapa .imgMapa{display: table-cell; width: 40%; height: 150px; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .divInfoMapa .info{display: table-cell; width: 60%; vertical-align: middle; text-align: center; background: transparent; box-shadow: none; border-radius: 0; padding: 0; color: #000;  }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .divInfoMapa .info .tipo{color: #9a9a9a; font-size: 12px; text-transform: capitalize; margin-bottom: 5px; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .divInfoMapa .info .titulo{font-family: 'EB Garamond', serif; font-size: 16px; font-weight: bold; text-transform: none; color: #555; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .ico{width: 24px; height: 22px; display: inline-block; background: url('resources/spriteCaras.png?v=2.2.0037_20170330_1130') no-repeat; vertical-align: middle;  }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .textoPuntos{color: #e4042b; text-transform: lowercase; font-weight: normal;  }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .nombre{display: block; text-transform: capitalize; font-family: 'EB Garamond', serif; padding-top: 0;  }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .img{width: 50px; height: 50px; display: block; border-radius: 50%; border: 1px solid #DEDEDE; text-align: center; color: #fff !important; font-family: Arial; font-size: 20px !important; line-height: 50px; text-transform: uppercase; position: absolute; top: 20px; right: 10px; line-height: 50px; padding: 0; font-weight: normal; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .perdedor{width: 60%; border: 1px solid #dedede; text-align: left; padding: 20px 10px 10px 60px; position: relative; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .ganador{width: 60%; border: 1px solid #DEDEDE; text-align: right; padding: 20px 60px 10px 10px; position: relative; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .perdedor .img{right: inherit; left: 10px; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .perdedor .ico{background-position: -3px -3px;}
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .ganador .ico{background-position: -43px -3px;}
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia{text-align: right; font-family: helvetica, arial, sans-serif; text-transform: lowercase; margin-top: 30px; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia a{font-weight: bold; color: #000; text-transform: uppercase; text-decoration: none; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia a:first-child{display: block; font-weight: normal; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia a:first-child img{width: 50%; max-width: 340px;}
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia a:last-child{}
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia a:last-child:hover{text-decoration: underline; }
.cabeceraJuego .partida .resultado.finDelJuego .wrapResultado .logo_didactalia span{font-family: helvetica, arial, sans-serif; font-size: 13px; text-transform: none; }



.cabeceraJuego .partida .resultado.finDelJuego.finReto .wrapMensaje{display: none; }
.cabeceraJuego .partida .resultado.finDelJuego.finReto .textoGanador{display: block !important; text-transform: uppercase;  }

.cabeceraJuego .partida .resultado.finDelJuego .tabsFinJuego .tabFinResultado{display: none !important; }
.cabeceraJuego .partida .resultado.finDelJuego.finReto .tabsFinJuego .tabFinResultado{display: inline-block !important; }


@media (max-width: 992px){

}
@media (max-width: 768px){
	.cabeceraJuego .partida .resultado.finDelJuego .wrapContexto .logo_didactalia a:first-child img{width: 100%; }
}


/* ETIQUETAS CON FONDO NEGRO */
.fondoNegro .mapaJuego .label.leaflet-marker-icon{color: #FFF; }



/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    /*transform: scale3d(1.05, 1.05, 1.05);*/
    transform: scale3d(1.5, 1.5, 1.5);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    /*transform: scale3d(1.05, 1.05, 1.05);*/
    transform: scale3d(1.5, 1.5, 1.5);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

/* ------------------------------- */


.juegoFinalizado .animated{animation: none !important; }

/* POPOVERS */
.pop-over-practicar {
    z-index: 3000;
    background-color: #fceea0;
    border-radius: 0;
}

.popover.bottom>.arrow:after {
    border-bottom-color: #fceea0;
}

.pop-over-practicar .cerrar-tooltip i {
    padding: 5px;
}

.pop-over-practicar .cerrar-tooltip {
    float: right;
    cursor: pointer;
}

.pop-over-practicar .popover-body {
    clear: both;
    padding: 0px 15px 15px 15px;
    font-weight: 600;
    font-size: 12px;
    max-width: 230px;
}
/**/

//Footer logos
.mapaJuego .leaflet-control-attribution * {font-size: 11px !important;}
.mapaJuego .poweredByDidactalia {font-size: 11px !important; padding: 3px;}
.mapaJuego #leafletLogo {font-size: 11px !important; padding-top: 2px; margin-top:2px;}
.mapaJuego .leaflet-control-attribution img {height: 18px; padding: 1px;}
#esriLogoAux { margin-left: 5px; margin-right:5px; color: #333; font-family: 'DidactaliaBold'; font-size: 12px; padding-top: 3px;}
#leafletLogo { margin-right:5px; padding-top:1px;}
.mapaJuego .leaflet-control-attribution {display: flex;}