@charset "UTF-8";@font-face{font-family:'Avenir Book';src:url(../fonts/Avenir-Book.eot);src:url(../fonts/Avenir-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Book.woff2) format("woff2"),url(../fonts/Avenir-Book.woff) format("woff"),url(../fonts/Avenir-Book.ttf) format("truetype"),url(../fonts/Avenir-Book.svg#Avenir-Book) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Light.eot);src:url(../fonts/Avenir-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Light.woff2) format("woff2"),url(../fonts/Avenir-Light.woff) format("woff"),url(../fonts/Avenir-Light.ttf) format("truetype"),url(../fonts/Avenir-Light.svg#Avenir-Light) format("svg");font-weight:300;font-style:normal}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Oblique.eot);src:url(../fonts/Avenir-Oblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Oblique.woff2) format("woff2"),url(../fonts/Avenir-Oblique.woff) format("woff"),url(../fonts/Avenir-Oblique.ttf) format("truetype"),url(../fonts/Avenir-Oblique.svg#Avenir-Oblique) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Avenir;src:url(../fonts/Avenir-HeavyOblique.eot);src:url(../fonts/Avenir-HeavyOblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-HeavyOblique.woff2) format("woff2"),url(../fonts/Avenir-HeavyOblique.woff) format("woff"),url(../fonts/Avenir-HeavyOblique.ttf) format("truetype"),url(../fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique) format("svg");font-weight:900;font-style:italic}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Heavy.eot);src:url(../fonts/Avenir-Heavy.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Heavy.woff2) format("woff2"),url(../fonts/Avenir-Heavy.woff) format("woff"),url(../fonts/Avenir-Heavy.ttf) format("truetype"),url(../fonts/Avenir-Heavy.svg#Avenir-Heavy) format("svg");font-weight:900;font-style:normal}@font-face{font-family:'Avenir Book';src:url(../fonts/Avenir-BookOblique.eot);src:url(../fonts/Avenir-BookOblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-BookOblique.woff2) format("woff2"),url(../fonts/Avenir-BookOblique.woff) format("woff"),url(../fonts/Avenir-BookOblique.ttf) format("truetype"),url(../fonts/Avenir-BookOblique.svg#Avenir-BookOblique) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Roman.eot);src:url(../fonts/Avenir-Roman.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Roman.woff2) format("woff2"),url(../fonts/Avenir-Roman.woff) format("woff"),url(../fonts/Avenir-Roman.ttf) format("truetype"),url(../fonts/Avenir-Roman.svg#Avenir-Roman) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Avenir;src:url(../fonts/Avenir-LightOblique.eot);src:url(../fonts/Avenir-LightOblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-LightOblique.woff2) format("woff2"),url(../fonts/Avenir-LightOblique.woff) format("woff"),url(../fonts/Avenir-LightOblique.ttf) format("truetype"),url(../fonts/Avenir-LightOblique.svg#Avenir-LightOblique) format("svg");font-weight:300;font-style:italic}@font-face{font-family:Avenir;src:url(../fonts/Avenir-MediumOblique.eot);src:url(../fonts/Avenir-MediumOblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-MediumOblique.woff2) format("woff2"),url(../fonts/Avenir-MediumOblique.woff) format("woff"),url(../fonts/Avenir-MediumOblique.ttf) format("truetype"),url(../fonts/Avenir-MediumOblique.svg#Avenir-MediumOblique) format("svg");font-weight:500;font-style:italic}@font-face{font-family:'Avenir Black Oblique';src:url(../fonts/Avenir-BlackOblique.eot);src:url(../fonts/Avenir-BlackOblique.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-BlackOblique.woff2) format("woff2"),url(../fonts/Avenir-BlackOblique.woff) format("woff"),url(../fonts/Avenir-BlackOblique.ttf) format("truetype"),url(../fonts/Avenir-BlackOblique.svg#Avenir-BlackOblique) format("svg");font-weight:900;font-style:italic}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Black.eot);src:url(../fonts/Avenir-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Black.woff2) format("woff2"),url(../fonts/Avenir-Black.woff) format("woff"),url(../fonts/Avenir-Black.ttf) format("truetype"),url(../fonts/Avenir-Black.svg#Avenir-Black) format("svg");font-weight:900;font-style:normal}@font-face{font-family:Avenir;src:url(../fonts/Avenir-Medium.eot);src:url(../fonts/Avenir-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Avenir-Medium.woff2) format("woff2"),url(../fonts/Avenir-Medium.woff) format("woff"),url(../fonts/Avenir-Medium.ttf) format("truetype"),url(../fonts/Avenir-Medium.svg#Avenir-Medium) format("svg");font-weight:500;font-style:normal}@font-face{font-family:Bebas;src:url(../fonts/bebasneue-webfont.eot);src:url(../fonts/bebasneue-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/bebasneue-webfont.woff2) format("woff2"),url(../fonts/bebasneue-webfont.woff) format("woff"),url(../fonts/bebasneue-webfont.ttf) format("truetype"),url(../fonts/bebasneue-webfont.svg#bebas_neueregular) format("svg");font-weight:400;font-style:normal}#tooltip{text-align:center;color:#fff;background:#111;position:absolute;z-index:100;padding:15px;border-radius:5px;font-family:Avenir}#tooltip:after{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #111;content:'';position:absolute;left:50%;bottom:-10px;margin-left:-10px}#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #111;top:-20px;bottom:auto}#tooltip.left:after{left:10px;margin:0}#tooltip.right:after{right:10px;left:auto;margin:0}div#closeWidget{position:fixed;top:15px;left:5px;z-index:20000;width:28px;height:28px}div#closeWidget img{width:28px;height:28px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0}#widget{margin:0;width:100%;min-height:100vh;background:url(../img/fondo.png);background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative;font-family:Avenir}div.cabecera1{margin-top:10px;height:30px;font-family:Avenir;color:#eee;text-align:center;line-height:30px;font-size:.9em}div.cabecera2{position:relative;width:95%;text-align:center}div.cabecera2 #contador{position:absolute;top:0;left:0;display:inline-block;width:200px;height:200px;background-image:url(../img/contador.png);background-size:cover;margin:5px}div.cabecera2 #contador .titulo{width:100%;text-align:center;font-family:Bebas;color:#eee;font-size:80px;line-height:200px}div.cabecera2 #personaje{display:inline-block;width:200px;height:200px;background-image:url(../img/personje.png);background-size:160px auto;background-repeat:no-repeat;background-position:top center;margin:5px}div.cabecera2 #comodin{width:127px;height:50px;background-image:url(../img/comodin@2x.png);background-size:contain;background-repeat:no-repeat;position:absolute;right:0;bottom:10%}div.pregunta{margin:0 20px 310px 20px;width:95%;height:200px;background-image:url(../img/pregunta.png);background-size:100% 100%;background-repeat:no-repeat;position:relative}div.pregunta #pregunta{font-family:Avenir;font-weight:900;font-size:30px;color:#eee;line-height:220px;text-align:center;margin-left:2em;margin-right:2em}div.pregunta #pregunta span{display:inline-block;line-height:normal;vertical-align:middle}div.pregunta div.opcion{margin-top:20px;width:49%;height:100px;background-image:url(../img/opcion.png);background-size:100% 100%;background-repeat:no-repeat;display:inline-block;text-align:center;color:#eee;line-height:115px;font-family:Avenir;font-weight:900;font-size:16px}div.pregunta div.opcion div{line-height:70px;width:95%;height:70px;margin-top:20px;margin-left:15px;border-radius:20px}div.pregunta div.opcion div span{display:inline-block;line-height:normal;vertical-align:middle}div.pregunta div.opcion:nth-child(1),div.pregunta div.opcion:nth-child(2){margin-top:0}div.pregunta div.opcion.incorrecto div{background-color:rgba(255,0,0,.5)}div.pregunta div.opcion.correcto div{background-color:rgba(0,255,0,.5)}div.pregunta div.opcion.seleccionado div{background-color:rgba(127,127,100,.5)}div.pregunta div.opcion.derecha{float:right}div.pregunta div.next{text-align:right;margin-top:10px}div.pregunta div.next div.botonNext{display:inline-block;width:50px;height:50px;background-image:url(../img/next.png);background-size:100% 100%}#ventanafin{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/fondo.png);background-size:100% 100%;color:#eee;font-family:Avenir;font-size:30px;text-align:center}#ventanafin div.contenedor{margin-top:2em;text-align:center;min-height:550px}#ventanafin div.contenedor div.pantalla{width:40%;margin:4% 4% 0 4%;display:inline-block;min-height:530px;background-image:url(../img/caja_respuestas.png);background-size:100% 100%;position:relative}#ventanafin div.contenedor div.pantalla div.imagen{position:absolute;top:-20px;left:-10px;width:82px;height:82px;background-size:100% 100%;-webkit-filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, .5));filter:drop-shadow(4px 4px 4px rgba(0, 0, 0, .5))}#ventanafin div.contenedor div.pantalla div.textoScroll{display:inline-block;height:440px;width:95%;margin-top:50px;padding:4px;color:#fff;overflow-y:scroll;text-align:left;font-size:.5em}#ventanafin div.contenedor div.pantalla.aciertos div.imagen{background-image:url(../img/correcto.png)}#ventanafin div.contenedor div.pantalla.errores div.imagen{background-image:url(../img/error.png)}#ventanafin #empezar{display:inline-block;width:100px;height:100px;background-image:url(../img/contador.png);background-size:cover;margin:20px}#ventanafin #empezar .titulo{width:100%;text-align:center;padding:5px;font-family:Bebas;color:#eee;font-size:16px;margin-top:28px}#emergente{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:rgba(255,255,255,.85);z-index:99999;text-align:center;color:#fff}#emergente div.centrado{width:70vw;display:inline-block;padding:2rem;background-image:url(../img/caja_respuestas.png);background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}#emergente div.centrado h1{padding:4vw 1vw;font-size:2.5vw;margin:.5em 0 .25em}#emergente div.centrado div.boton{display:inline-block;width:82px;height:82px;background-size:100% 100%}#emergente div.centrado #boton-si{background-image:url(../img/correcto.png);margin-right:10vw}#emergente div.centrado #boton-no{background-image:url(../img/error.png)}