@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("../../vendor/fontello/css/fontello.css");*{font-family:'Roboto', sans-serif;line-height:1.1}html{background-color:#2f3235;height:100%}body{position:relative;margin:0;min-height:100%}h1,h2,h3,h4{color:#FFF}p{color:#8e8d8d;font-size:15px}a{display:block;color:#e4b84e;text-decoration:none;font-size:15px}.button{display:inline-block;margin:auto;border:none;border-radius:5px;padding:13px 50px;background:#e4b84e;color:#2f3235;cursor:pointer;font-size:16px;font-weight:500}.slideDown{display:none}img{max-width:100%}.header{position:fixed;top:0;left:0;right:0;background:#212427;padding:.6rem;text-align:center;z-index:1}.header a{padding:0 13px;display:inline-block;color:#54585c;font-size:13px}.header a.active{color:#FFF;pointer-events:none}.header a.active .num{background:#FFF}.header a .num{display:inline-block;width:22px;height:22px;color:#212427;line-height:23px;text-align:center;background:#54585c;border-radius:50%;margin-right:5px}.header.appTitle{padding:1rem;position:absolute}.header.appTitle img{vertical-align:middle;margin-right:10px}.header.appTitle span{color:#FFF;vertical-align:middle;font-weight:500}.container{min-height:100%;width:90%;max-width:500px;margin:auto;text-align:center;padding:80px 0;box-sizing:border-box}.container.no-header{padding-top:50px}.container h1{font-size:27px}.container.portada h1{font-size:32px}.container.portada .img{position:relative}.container.portada .img img{transition:.2s linear all}.container.portada .img img.img2{position:absolute;top:0;left:0;opacity:0}.container .button{margin:15px auto 25px}.container .questions{width:100%;border:1px solid #54585c;border-radius:5px;text-align:left}.container .questions .option{color:#8e8d8d;padding:18px 50px;position:relative;cursor:pointer;font-weight:500;font-size:15px}.container .questions .option+.option{border-top:1px solid #54585c}.container .questions .option.active,.container .questions .option:hover{color:#FFF}.container .questions .option input{position:absolute;opacity:0;cursor:pointer}.container .questions .option input[type='radio'] ~ .checkmark{border-radius:50%}.container .questions .option input[type='radio']:checked ~ .checkmark:after{content:'';position:relative;display:block;background:#e4b84e;width:15px;height:15px;top:5px;left:5px;border-radius:50%}.container .questions .option input[type='checkbox'] ~ .checkmark{border-radius:20%}.container .questions .option input[type='checkbox']:checked ~ .checkmark:after{content:'✔';position:relative;display:block;color:#e4b84e;width:15px;height:15px;top:2px;left:4px;border-radius:50%;font-size:20px}.container .questions .option .checkmark{position:absolute;top:50%;left:10px;transform:translateY(-50%);height:25px;width:25px;border:1px solid #54585c;margin-right:10px}.container.recomendaciones{text-align:left}.container.recomendaciones h1{text-align:center;font-size:30px;margin:0 0 50px}.container.recomendaciones h2{font-size:15px;font-weight:500}.container.recomendaciones span.mas{margin:.75em 0;display:block}.container.recomendaciones .underline{text-decoration:underline}.container.recomendaciones .navigateButtons{margin:50px 0}.container.recomendaciones .navigateButtons .button{display:block;margin:10px 0;text-align:center}.container.recomendaciones .navigateButtons .button i{margin-right:5px;font-size:20px;vertical-align:middle}.container.recomendaciones .invita{text-align:center}.container.recomendaciones .invita .ititle{font-weight:500;color:#FFF;font-size:18px}.container.recomendaciones .invita p{font-size:13px;color:#FFF;font-weight:400}.container.recomendaciones .invita .social{margin:40px 0}.container.recomendaciones .invita .social a{display:inline-block;width:49%;padding:20px 0;border-radius:5px;color:#FFF;font-weight:500}.container.recomendaciones .invita .social a.fb{background-color:#5475bd;margin-right:2%}.container.recomendaciones .invita .social a.tw{background-color:#43c7ff}.container.recomendaciones .invita .social a i{margin-right:10px;font-size:25px;vertical-align:middle}.container.resultados h1{text-align:center;font-size:30px;margin:0 0 50px}.container.resultados h2{font-size:28px;font-weight:400}.container.resultados span.mas{margin:.75em 0;display:block}.container.resultados .underline{text-decoration:underline}.container.resultados .table-cell{text-align:left;display:none}.container.resultados .table-cell.tips-empty{display:block;color:#FFF;line-height:1.3;text-align:center;font-size:16px;padding:20px}.container.resultados .navigateButtons{margin:50px 0}.container.resultados .navigateButtons .button{display:block;margin:10px 0;text-align:center}.container.resultados .navigateButtons .button i{margin-right:10px;font-size:25px;vertical-align:middle}.container.resultados .invita{text-align:center}.container.resultados .invita .ititle{font-weight:500;color:#FFF;font-size:18px}.container.resultados .invita p{font-size:13px;color:#FFF;font-weight:400}.container.resultados .invita .social{margin:40px 0}.container.resultados .invita .social a{display:inline-block;width:49%;padding:20px 0;border-radius:5px;color:#FFF;font-weight:500}.container.resultados .invita .social a.fb{background-color:#5475bd;margin-right:2%}.container.resultados .invita .social a.tw{background-color:#43c7ff}.container.politica{text-align:left}.container.politica h1{text-align:center;margin:0 0 50px}.container.politica .button{display:block;padding:20px 0;text-align:center;margin:30px 0;font-weight:500}.navigation{background-color:#212427;position:fixed;bottom:0;left:0;right:0;padding:0 5%;display:flex}.navigation .left{display:inline-block;width:50%;max-width:250px;margin-left:auto;padding:10px 0}.navigation .left .questionCounter{margin-bottom:20px}.navigation .left .questionCounter span{color:#8e8d8d;font-size:13px}.navigation .left .questionCounter span .current{color:#FFF}.navigation .left .progress-container{background-color:#54585c;height:8px;border-radius:500px}.navigation .left .progress-container .progress-current{background-color:#FFF;height:100%;border-radius:500px;width:20%}.navigation .right{display:inline-block;width:50%;max-width:250px;margin-right:auto;text-align:right;padding:10px 0}.navigation .right a{display:inline-block;background-color:#54585c;color:#FFF;border-radius:5px;height:42px;width:42px;line-height:42px;font-size:30px;text-align:center}.navigation .right a i{display:block;position:relative;top:50%;transform:translateY(-50%);font-size:20px}footer{background-color:#212427;position:absolute;right:0;bottom:0;left:0;padding:1rem}footer a{color:#757375;float:right;font-size:12px;vertical-align:middle}footer a.logo-gp{float:left}footer a.logo-gp i{color:#757375;display:inline-block;font-size:25px;vertical-align:middle}.flex{display:flex}.flex-column{flex-direction:column}.table{border:1px solid #54585c;border-radius:5px;margin:20px}.table-header{border-bottom:1px solid #54585c;padding:20px;text-align:center;color:white;font-size:20px}.table-cell{position:relative;border-bottom:1px solid #54585c;padding:20px 20px 20px 45px}.table-cell:last-of-type{border:none}.title{color:white;font-size:16px;position:relative}.title::before{content:"△";position:absolute;left:-35px;top:50%;transform:translateY(-50%);font-size:30px}.description{font-size:14px;line-height:1.3}.buttons{padding:30px 20px}.button-yellow{background-color:#e4b84e;color:#212427;border-radius:5px;margin:10px 0;text-align:center;padding:20px;font-size:16px;font-weight:bold}.button-facebook{background-color:#3B5998;color:white;border-radius:5px;margin:10px 5px 10px 0;text-align:center;padding:20px;font-size:16px;font-weight:bold;width:100%}.button-twitter{background-color:#1DA1F2;color:white;border-radius:5px;margin:10px 0 10px 5px;text-align:center;padding:20px;font-size:16px;font-weight:bold;width:100%}.text-center{text-align:center}.c-white{color:white}#share{padding:20px}.mb-45{margin-bottom:45px}#indice-riesgo{color:white}#indice-riesgo #container{max-width:50%;margin:auto}