@font-face{font-family:'Arvo';src:url("../font/Arvo-Bold.woff2") format("woff2"),url("../font/Arvo-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Arvo';src:url("../font/Arvo.woff2") format("woff2"),url("../font/Arvo.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'NotoSans';src:url("../font/NotoSans.woff2") format("woff2"),url("../font/NotoSans.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'NotoSans';src:url("../font/NotoSans-Bold.woff2") format("woff2"),url("../font/NotoSans-Bold.woff") format("woff");font-weight:bold;font-style:normal}:root,body{font-family:"NotoSans",sans-serif;font-size:21px;--color1: #ffac00;--color2: #360E59;--colorborde: #ADB6D4;--color__background: #cbd1d3}*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}body{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.personaje .encabezado{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.personaje .encabezado .ec-nombre,.personaje .encabezado .ec-logo,.personaje .encabezado .ec-der{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.personaje .encabezado .ec-nombre{-ms-flex-preferred-size:0%;flex-basis:0%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.personaje .encabezado .ec-logo,.personaje .encabezado .ec-der{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.personaje .encabezado .ec-nombre{display:-webkit-box;display:-ms-flexbox;display:flex}.personaje .encabezado{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.personaje .encabezado .ec-nombre{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.personaje .encabezado .ec-logo .ec-logo-img,.personaje .encabezado .ec-nombre,.personaje .encabezado .ec-nombre .ec-nombre-img{width:auto;max-height:100%}.personaje .encabezado .ec-nombre .ec-nombre-img{margin-left:auto;margin-right:auto}@-webkit-keyframes bounce-entrada{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-entrada{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.bounce-entrada{-webkit-animation:bounce-entrada .5s ease backwards;animation:bounce-entrada .5s ease backwards}@-webkit-keyframes fade-in-iz{0%{opacity:0;position:relative;left:-100%}90%{opacity:1}100%{position:relative;left:0}}@keyframes fade-in-iz{0%{opacity:0;position:relative;left:-100%}90%{opacity:1}100%{position:relative;left:0}}.fade-in-iz{-webkit-animation:fade-in-iz .5s ease backwards;animation:fade-in-iz .5s ease backwards}@-webkit-keyframes fade-in-der{0%{opacity:0;position:relative;right:-100%}90%{opacity:1}100%{position:relative;right:0}}@keyframes fade-in-der{0%{opacity:0;position:relative;right:-100%}90%{opacity:1}100%{position:relative;right:0}}.fade-in-der{-webkit-animation:fade-in-der .5s ease backwards;animation:fade-in-der .5s ease backwards}.delay-0{-webkit-animation-delay:0;animation-delay:0}.delay-1{-webkit-animation-delay:.3s;animation-delay:.3s}.personaje{background-image:url("../img/fondo.png");background-position:top center;background-size:cover;background-repeat:repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}@media screen and (max-width: 460px){.personaje{background-position:top center;background-size:cover}}.personaje .personaje-contenedor{overflow:hidden;height:100%;width:100%;position:relative;padding-left:15px;padding-right:15px}.personaje .personaje-contenedor .inicio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:10px;left:20px;-webkit-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:left;transform-origin:left}.personaje .personaje-contenedor .inicio .inicio-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-family:'Happy Fox';font-size:49px;text-decoration:none;padding:4px 18px;background-color:#EB6651;border:3px solid #e8523a;border-radius:10px;-webkit-box-shadow:0 8px 0 #e63e23;box-shadow:0 8px 0 #e63e23;position:relative;top:-4px;-webkit-transition:all 200ms;transition:all 200ms}.personaje .personaje-contenedor .inicio .inicio-btn:hover{top:0;-webkit-box-shadow:0 4px 0 #e63e23;box-shadow:0 4px 0 #e63e23}.personaje .personaje-contenedor .inicio .inicio-btn:active{top:4px;-webkit-box-shadow:0 0 0 #e63e23;box-shadow:0 0 0 #e63e23}.personaje .personaje-contenedor .play{position:absolute;bottom:30px;right:30px;width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.personaje .personaje-contenedor .play .play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:85px;height:85px;text-decoration:none;cursor:url(../img/pointer.png),pointer;background-color:#EB6651;border:3px solid #e8523a;border-radius:50%;-webkit-box-shadow:0 8px 0 #e63e23;box-shadow:0 8px 0 #e63e23;position:relative;top:-4px;-webkit-transition:all 200ms;transition:all 200ms}.personaje .personaje-contenedor .play .play-btn:hover{top:0;-webkit-box-shadow:0 4px 0 #e63e23;box-shadow:0 4px 0 #e63e23}.personaje .personaje-contenedor .play .play-btn:active{top:4px;-webkit-box-shadow:0 0 0 #e63e23;box-shadow:0 0 0 #e63e23}.personaje .personaje-contenedor .play .play-btn img{max-width:100%;height:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.personaje .encabezado{min-height:110px;width:auto;padding:20px 15px 15px}@media (max-width: 1200px){.personaje .encabezado{min-height:90px}}@media (max-width: 767px){.personaje .encabezado{min-height:70px}}.personaje .encabezado .ec-logo{max-width:250px;width:25%;min-width:180px;padding-left:0;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9}.personaje .encabezado .ec-logo .ec-logo-img{max-width:100%;height:auto}.personaje .encabezado .ec-nombre .ec-nombre-img{max-height:140PX}.hidden{display:none !important;visibility:hidden !important}@-webkit-keyframes cambio-de-color{0%{color:#fff}100%{color:#F0DA2C}}@keyframes cambio-de-color{0%{color:#fff}100%{color:#F0DA2C}}@-webkit-keyframes scaleItem{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleItem{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes show{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.modal_fade{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;z-index:2}@media (max-width: 992px){.modal_fade{background-color:rgba(0,0,0,0.6)}}.modal_fade .content_modal{margin-left:auto;margin-right:20px;max-width:25%;min-width:270px;width:100%;-webkit-animation:bounceIn 1s 1s backwards;animation:bounceIn 1s 1s backwards;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:15px;position:relative;text-align:center;padding-top:80px;background-image:-webkit-gradient(linear, left top, right top, from(#572b99), color-stop(66%, #6e3289));background-image:linear-gradient(to right, #572b99 0%, #6e3289 66%);background-blend-mode:overlay;-webkit-box-shadow:-1px 0px 0 1px #b100ff, 1px 0px 0 1px #0cebbe, 0px 1px 0 1px #00c4b5, 0px -1px 0 1px #00c4b5;box-shadow:-1px 0px 0 1px #b100ff, 1px 0px 0 1px #0cebbe, 0px 1px 0 1px #00c4b5, 0px -1px 0 1px #00c4b5;animation:bounceIn 1s 1s backwards}@media (max-width: 992px){.modal_fade .content_modal{max-width:95%;padding-top:60px}}.modal_fade .content_modal::before{content:"";width:100%;height:100px;position:absolute;left:0;top:-50px;background-image:url(../img/numeracion.svg);background-repeat:no-repeat;background-position:center}@media (max-width: 992px){.modal_fade .content_modal::before{height:80px}}.modal_fade .content_modal .num{position:absolute;width:100%;height:100px;left:0;top:-25px;text-align:center;font-size:2rem;font-family:"Arvo",sans-serif;font-weight:800}@media (max-width: 992px){.modal_fade .content_modal .num{top:-30px;font-size:1.5rem}}.modal_fade .content_modal .message{color:#fff;font-family:"NotoSans",sans-serif;font-size:22px;text-shadow:2px 3px 1px rgba(0,0,0,0.3);margin-top:20px;margin-bottom:30px;padding-left:10px;padding-right:10px}@media screen and (min-width: 767px){.modal_fade .content_modal .message{font-size:25px}}.modal_fade .content_modal .message .lista{margin-top:20px;margin-bottom:0;counter-reset:letters}.modal_fade .content_modal .message .lista p{text-align:left;margin-top:0;margin-bottom:0;position:relative;padding:3px 20px 3px 50px}.modal_fade .content_modal .message .lista p::before{counter-increment:letters;content:counter(letters,upper-alpha) ". ";position:absolute;left:5px;top:3px}.modal_fade .content_modal .message .lista p span{position:absolute;right:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:22px;background-color:#09061e;padding:3px 10px;border-radius:5px;color:#E8C034}.modal_fade .content_modal .message .lista p span::before{content:"";position:absolute;left:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;background-image:url("../img/estrella.png");background-size:contain}.modal_fade .content_modal .message .lista p.correcta{-webkit-animation:scaleItem .6s 2 ease forwards;animation:scaleItem .6s 2 ease forwards;background-color:rgba(255,255,255,0.7);border-radius:5px;color:#09061e;text-shadow:none;padding:3px 140px 3px 50px}.modal_fade .content_modal .message .lista p.correcta .anima{-webkit-animation:show .5s;animation:show .5s}.modal_fade .content_modal .message .lista p.correcta span{padding:3px 10px 3px 40px}.modal_fade .content_modal .message .lista p.correcta span::before{content:"";position:absolute;left:5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px;height:30px;background-image:url("../img/estrella.png");background-size:auto 80%;background-position:center;background-repeat:no-repeat}.modal_fade .temporizador{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal_fade .modal_chronometer{color:#fff;background-color:rgba(0,0,0,0.15);padding:5px;font-size:25px;font-family:"NotoSans",sans-serif;border-radius:5px;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-animation:cambio-de-color 60s linear forwards;animation:cambio-de-color 60s linear forwards}@media (max-width: 992px){.modal_fade .modal_chronometer{font-size:30px}}.modal_fade .modal_chronometer .icono-cronometro{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-right:5px}.modal_fade .modal-footer{display:grid;grid-template-columns:auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#4a2069;width:100%;padding:10px;border-radius:0 0 15px 15px}.modal_fade .modal-footer .cronometro{padding-right:5px}.modal_fade .modal-footer .continuar{position:relative;width:100%}.modal_fade.modal_alert .modal_chronometer{color:#E8C034}#modal_memoria.modal_fade .content_modal{max-width:400px;margin-left:auto;margin-right:auto}@media (min-width: 992px){#modal_memoria.modal_fade{position:relative;width:100%;height:auto;overflow:hidden;padding-top:100px;-ms-flex-item-align:start;align-self:flex-start}#modal_memoria.modal_fade .content_modal{max-width:400px;margin-left:auto;margin-right:auto}}@media (min-width: 768px) and (max-width: 1200px){#modal_memoria.modal_fade{padding-top:50px;-ms-flex-item-align:start;align-self:flex-start}}.modal_fade.modalPersonaje{-webkit-animation:fadeInNegro 4s backwards;animation:fadeInNegro 4s backwards;background-color:#662d91;background-image:url(../img/fondo.png);background-position:top center;background-size:cover;background-repeat:repeat;background-blend-mode:normal;top:0}.categoria{font-family:"Arvo",sans-serif;font-weight:bold;font-size:2rem;line-height:1.2;text-shadow:2px 3px 1px rgba(0,0,0,0.3);margin:0;color:#fff;width:100%}@media (max-width: 992px){.categoria{font-size:1.5rem}}.categoriaA{background-color:#FBB03B}.categoriaB{background-color:#D9E021}.categoriaC{background-color:#6EB9B6}.categoriaD{background-color:#77467D}.categoriaE{background-color:#EB6651}.iconoJugar{width:40%}.iconoJugar__path{fill:#fff}.textoFirma{margin:0 10px 0 0;font-size:17px;color:#fff}.logosFirma{display:grid;grid-template-columns:1fr;grid-column-gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:220px}.logoED,.logoKatalizadores,.logoCidt{max-width:100%;height:auto}.button_iniciar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50px;height:45px;text-decoration:none;cursor:url(../img/pointer.png),pointer;background-color:#EB6651;border:3px solid #e8523a;border-radius:50%;-webkit-box-shadow:0 8px 0 #e63e23;box-shadow:0 8px 0 #e63e23;position:relative;top:-4px;-webkit-transition:all 200ms;transition:all 200ms}.button_iniciar:hover{top:0;-webkit-box-shadow:0 4px 0 #e63e23;box-shadow:0 4px 0 #e63e23}.button_iniciar .iconoJugar{width:22px}.dNone{display:none}.personaje-contenedor-elementos{display:grid;grid-template-columns:25% 1fr 30%;gap:30px;position:relative}@media (max-width: 1200px){.personaje-contenedor-elementos{grid-template-columns:1fr 40%;gap:20px;padding-top:160px}}@media (max-width: 992px){.personaje-contenedor-elementos{padding-top:0;grid-template-columns:1fr}}.contenedorItems{max-width:100%;width:500px;margin-left:auto;margin-right:auto}@media (max-width: 767px){.contenedorItems{width:100%}}.container{--size: 500px;position:relative;max-width:100%;width:var(--size);height:var(--size);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin-left:auto;margin-right:auto}@media (max-width: 576px){.container{--size: 340px}}img{max-width:100%;height:auto}#hiddenImage{z-index:-2;border-radius:15px;border:2px solid #170723}.tituloImg{max-height:500px;width:500px;-o-object-fit:contain;object-fit:contain;max-width:100%;margin-left:auto;margin-right:auto}.tituloMovil{display:none;max-height:300px;width:auto;max-width:100%;margin-left:auto;margin-right:auto}@media (max-width: 1200px){.tituloImg{display:none}.tituloMovil{display:block;position:absolute;left:0;right:0;max-height:140px;margin-left:auto;margin-right:auto}}@media (max-width: 992px){.tituloImg{display:none}.tituloMovil{display:block;position:relative}}.pistas{max-width:100%;width:400px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layer{--layer: calc(var(--size) / 3);position:absolute;width:var(--layer);height:var(--layer);background-image:url(../img/personajes/bg-layer.png);background-position:center;background-size:cover;cursor:pointer;border:2px solid #170723}.layer::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#170723;z-index:-1}.layer:nth-child(2){border-radius:15px 0 0 0;overflow:hidden}.layer:nth-child(4){border-radius:0 15px 0 0;overflow:hidden}.layer:nth-child(8){border-radius:0 0 0 15px;overflow:hidden}.layer:nth-child(10){border-radius:0 0 15px 0;overflow:hidden}.layer:nth-child(2){top:0;left:0}.layer:nth-child(3){top:0;left:var(--layer)}.layer:nth-child(4){top:0;left:calc(var(--layer) *2)}.layer:nth-child(5){top:var(--layer);left:0}.layer:nth-child(6){top:var(--layer);left:var(--layer)}.layer:nth-child(7){top:var(--layer);left:calc(var(--layer) *2)}.layer:nth-child(8){top:calc(var(--layer) *2);left:0}.layer:nth-child(9){top:calc(var(--layer) *2);left:var(--layer)}.layer:nth-child(10){top:calc(var(--layer) *2);left:calc(var(--layer) *2)}.layer::after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"Arvo",sans-serif;font-weight:800;font-size:26px;-webkit-animation:mostrar 1s 2s ease backwards;animation:mostrar 1s 2s ease backwards}@media (max-width: 767px){.layer::after{font-size:20px}}.layer:nth-child(2)::after{content:"1"}.layer:nth-child(3)::after{content:"2"}.layer:nth-child(4)::after{content:"3"}.layer:nth-child(5)::after{content:"4"}.layer:nth-child(6)::after{content:"5"}.layer:nth-child(7)::after{content:"6"}.layer:nth-child(8)::after{content:"7"}.layer:nth-child(9)::after{content:"8"}.layer:nth-child(10)::after{content:"9"}.buttons{margin-top:30px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.reiniciar_btn .game_button{display:none}.game_button{color:#fff;font-family:"Arvo",sans-serif;text-transform:uppercase;font-weight:bold;margin-left:auto;margin-right:auto;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:url(../img/pointer.png),pointer;border-radius:10px;z-index:1;font-size:25px;padding:10px 20px;background-image:url(../img/btn-1.png),-webkit-gradient(linear, left top, right top, from(#7c367f), color-stop(66%, #662d91));background-image:url(../img/btn-1.png),linear-gradient(to right, #7c367f 0%, #662d91 66%);background-size:contain, cover;background-repeat:no-repeat, repeat;background-position:top 20px center, center;border:3px solid #ADB6D4;border-radius:15px;position:relative;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-box-shadow:inset 0 5px 0 rgba(255,255,255,0.2),inset 0 -5px 0 rgba(0,0,0,0.05);box-shadow:inset 0 5px 0 rgba(255,255,255,0.2),inset 0 -5px 0 rgba(0,0,0,0.05);text-decoration:none;-webkit-animation:scaleItem .3s;animation:scaleItem .3s}@media (max-width: 767px){.game_button{font-size:18px}}.game_button img{width:25px}.game_button:hover{-webkit-transform:scale(1.02);transform:scale(1.02);text-decoration:none;color:#fff}.game_button:active{-webkit-transform:scale(1.02);transform:scale(1.02);text-decoration:none;color:#fff}.inicio{position:fixed;top:0;left:0;width:100%;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:5;padding:100px 20px 20px;-webkit-animation:fadeInNegro 4s backwards;animation:fadeInNegro 4s backwards;background-color:#662d91;background-image:url(../img/fondo.png);background-position:top center;background-size:cover;background-repeat:repeat;background-blend-mode:normal;display:none;overflow-x:hidden;overflow-y:auto}.inicio.inicioActivo{display:-webkit-box;display:-ms-flexbox;display:flex}.inicio__content{max-width:700px;width:100%;-webkit-animation:bounceIn 1s 1s backwards;animation:bounceIn 1s 1s backwards;padding:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:15px;position:relative;text-align:center;background-image:-webkit-gradient(linear, left top, right top, from(#0cebbe), color-stop(66%, #00c4b5));background-image:linear-gradient(to right, #0cebbe 0%, #00c4b5 66%);background-blend-mode:overlay;-webkit-box-shadow:-2px 0px 0 2px #b100ff, 2px 0px 0 2px #ff29ff, 0px 2px 0 2px #6600ff, 0px -2px 0 2px #00c0f1;box-shadow:-2px 0px 0 2px #b100ff, 2px 0px 0 2px #ff29ff, 0px 2px 0 2px #6600ff, 0px -2px 0 2px #00c0f1;animation:bounceIn 1s 1s backwards}@media (max-width: 767px){.inicio__content{max-width:90%;padding:30px 20px 40px}}.inicio__content::after{content:"";position:absolute;right:-20%;top:-25%;width:50%;max-width:250px;height:250px;background-image:url(../img/colibri.png);background-repeat:no-repeat;background-size:contain;background-position:center}.inicio__content::before{content:"";position:absolute;left:-25%;top:-30%;width:50%;max-width:350px;height:140%;background-image:url(../img/hojas.png);background-repeat:no-repeat;background-size:contain;background-position:center}@media (max-width: 767px){.inicio__content::after{max-width:150px;height:150px;right:-10%;top:-15%}.inicio__content::before{left:-15%;top:-5%;max-width:150px;height:50%}}@media (max-width: 576px){.inicio__content::after{right:-15%;max-width:120px;height:120px}}.inicio__titulo{color:#fff;background-color:rgba(0,0,0,0.3);padding:15px 40px 15px 60px;border-radius:15px;min-height:80px;width:90%;max-width:90%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:inset 0 10px 0 rgba(0,0,0,0.2);box-shadow:inset 0 10px 0 rgba(0,0,0,0.2);font-size:40px;line-height:1.2}@media (max-width: 767px){.inicio__titulo{padding:15px 20px 15px 20px;min-height:50px;font-size:28px;width:100%;max-width:100%}}.inicio__texto{font-size:28px;margin-top:30px;margin-bottom:30px;max-width:500px;color:#fff}.button__modal{color:#fff;font-family:"Arvo",sans-serif;text-transform:uppercase;font-weight:bold;margin-left:auto;margin-right:auto;border:none;-webkit-box-shadow:none;box-shadow:none;cursor:url(../img/pointer.png),pointer;border-radius:10px;z-index:1;font-size:20px;padding:10px 20px;background-image:url(../img/btn-1.png),-webkit-gradient(linear, left top, right top, from(#7c367f), color-stop(66%, #662d91));background-image:url(../img/btn-1.png),linear-gradient(to right, #7c367f 0%, #662d91 66%);background-size:contain, cover;background-repeat:no-repeat, repeat;background-position:top 20px center, center;border:3px solid #ADB6D4;border-radius:15px;position:relative;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-webkit-box-shadow:inset 0 5px 0 rgba(255,255,255,0.2),inset 0 -5px 0 rgba(0,0,0,0.05);box-shadow:inset 0 5px 0 rgba(255,255,255,0.2),inset 0 -5px 0 rgba(0,0,0,0.05);text-decoration:none}.modal_fade .button__modal{background-image:url(../img/btn-1.png),-webkit-gradient(linear, left top, right top, from(#0cebbe), color-stop(66%, #00c4b5));background-image:url(../img/btn-1.png),linear-gradient(to right, #0cebbe 0%, #00c4b5 66%);margin-left:auto;margin-right:0}.modalPersonaje .button__modal{background-image:url(../img/btn-1.png),-webkit-gradient(linear, left top, right top, from(#7c367f), color-stop(66%, #662d91));background-image:url(../img/btn-1.png),linear-gradient(to right, #7c367f 0%, #662d91 66%)}@media (max-width: 767px){.button__modal{font-size:18px}}.button__modal img{width:25px}.button__modal:hover{-webkit-transform:scale(1.02);transform:scale(1.02);text-decoration:none;color:#fff}.button__modal:active{-webkit-transform:scale(1.02);transform:scale(1.02);text-decoration:none;color:#fff}.dNone{display:none !important}.modalPersonaje .edModal__contenedor{min-height:90%;max-width:1200px;width:96%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto}.modalPersonaje .modal-content{position:relative;width:100%;max-width:1000px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:20px;padding-top:100px}@media (max-width: 992px){.modalPersonaje .modal-content{padding-top:220px}}.modal__columnas{display:grid;grid-template-columns:auto 1fr;gap:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 992px){.modal__columnas{grid-template-columns:1fr;gap:40px}}.modal__column1{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, from(#39B54A), to(#81D300));background-image:linear-gradient(to bottom, #39B54A 0%, #81D300 100%);background-blend-mode:overlay;-webkit-box-shadow:-2px 0px 0 2px #2EC4FB, 2px 0px 0 2px #ff29ff, 0px 2px 0 2px #6600ff, 0px -2px 0 2px #b100ff;box-shadow:-2px 0px 0 2px #2EC4FB, 2px 0px 0 2px #ff29ff, 0px 2px 0 2px #6600ff, 0px -2px 0 2px #b100ff;border-radius:15px;position:relative}@media (max-width: 992px){.modal__column1{margin-left:auto;margin-right:auto}}.modal__column1 img{max-width:100%;width:500px;border-radius:15px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2);box-shadow:0 0 5px 0 rgba(0,0,0,0.2);margin-left:auto;margin-right:auto}@media (max-width: 992px){.modal__column1 img{width:300px;margin-left:auto;margin-right:auto}}.modal__cite{margin-top:5px;font-size:13px;text-align:center;padding:3px 5px;background-color:rgba(53,14,88,0.7);color:#fff;position:absolute;bottom:0;left:0;right:0;z-index:2;border-radius:0 0 15px 15px;word-break:break-all}.modal__column2{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:#fff;background-color:transparent;position:relative;gap:20px}.modal__column2--content{background-image:-webkit-gradient(linear, left top, left bottom, from(#0cebbe), color-stop(66%, #00c4b5));background-image:linear-gradient(to bottom, #0cebbe 0%, #00c4b5 66%);-webkit-box-shadow:-2px 0px 0 2px #ff29ff, 2px 0px 0 2px #0cebbe, 0px 2px 0 2px #00c4b5, 0px -2px 0 2px #0cebbe;box-shadow:-2px 0px 0 2px #ff29ff, 2px 0px 0 2px #0cebbe, 0px 2px 0 2px #00c4b5, 0px -2px 0 2px #0cebbe;border-radius:15px;padding:0px 0px 20px}.modal__column2--validation{background-image:-webkit-gradient(linear, left top, left bottom, from(#0cebbe), color-stop(66%, #00c4b5));background-image:linear-gradient(to bottom, #0cebbe 0%, #00c4b5 66%);-webkit-box-shadow:-2px 0px 0 2px #ff29ff, 2px 0px 0 2px #0cebbe, 0px 2px 0 2px #00c4b5, 0px -2px 0 2px #0cebbe;box-shadow:-2px 0px 0 2px #ff29ff, 2px 0px 0 2px #0cebbe, 0px 2px 0 2px #00c4b5, 0px -2px 0 2px #0cebbe;border-radius:15px;padding:0px 0px 20px}.modal__column2::after{content:"";position:absolute;left:-20%;top:-10%;width:50%;max-width:150px;height:150px;background-image:url(../img/carita.png);background-repeat:no-repeat;background-size:contain;background-position:center}@media (max-width: 992px){.modal__column2{max-width:450px;width:90%;margin-left:auto;margin-right:auto}.modal__column2::after{width:50%;max-width:150px;height:150px}}@media (max-width: 576px){.modal__column2::after{left:-10%;right:auto;top:-5%;width:50%;max-width:100px;height:100px}}.subtitle1{margin-top:20px;margin-bottom:10px;color:var(--color2);font-family:"Arvo",sans-serif}.borde__img{padding:10px;border-radius:50%;border:3px dashed #fff}.modal__img{max-width:200px;border-radius:50%;width:100%}.modal__nombre{font-size:26px;text-transform:uppercase;font-weight:bold;color:var(--color2);font-family:"Arvo",sans-serif;padding:10px 20px 10px 50px;margin-top:0;margin-left:5px;margin-bottom:0;width:100%;background-image:-webkit-gradient(linear, left bottom, left top, from(#f8bb00), color-stop(58%, #edd300));background-image:linear-gradient(to top, #f8bb00 0%, #edd300 58%);background-size:cover;background-repeat:repeat;background-position:center;-webkit-box-shadow:-2px 0px 0 2px #adb6d4, 2px 0px 0 2px #ccd3ea, 0px 2px 0 2px #adb6d4, 0px -2px 0 2px #ccd3ea;box-shadow:-2px 0px 0 2px #adb6d4, 2px 0px 0 2px #ccd3ea, 0px 2px 0 2px #adb6d4, 0px -2px 0 2px #ccd3ea;border-radius:10px}@media (max-width: 767px){.modal__nombre{font-size:20px;padding-left:60px}}.footerPuntos{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.modal__column2--validation .subtitle2{font-size:22px;text-transform:uppercase;font-weight:bold;color:#fff;font-family:"Arvo",sans-serif;padding:10px 20px 10px 50px;margin-top:0;margin-bottom:0;width:100%;background-size:cover;background-repeat:repeat;background-position:center;border-radius:15px 15px 0 0;border-bottom:3px solid #ccd3ea;z-index:2;position:relative}.modal__column2--validation.incorrecta .subtitle2{background-image:-webkit-gradient(linear, left bottom, left top, from(#EB6651), color-stop(58%, #e8523a));background-image:linear-gradient(to top, #EB6651 0%, #e8523a 58%)}.modal__column2--validation.correcta .subtitle2{background-image:-webkit-gradient(linear, left bottom, left top, from(#39B54A), color-stop(58%, #81D300));background-image:linear-gradient(to top, #39B54A 0%, #81D300 58%)}.subtitle3{color:var(--color2);margin:0}@-webkit-keyframes downShow{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes downShow{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.modal__puntos{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:10px;background-image:-webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#adb6d4));background-image:linear-gradient(to top, #f6f6f6 0%, #adb6d4 100%);background-size:cover;background-repeat:repeat;background-position:center;border-radius:0 0 10px 10px;padding:5px 10px;border:3px solid #ccd3ea;border-top:none;z-index:0;-webkit-transform:translateY(0px);transform:translateY(0px)}.modal__column2--validation.incorrecta .modal__puntos,.modal__column2--validation.correcta .modal__puntos{-webkit-animation:downShow .6s .2s linear backwards;animation:downShow .6s .2s linear backwards}.modal__puntosTxt{font-size:22px;font-family:"Arvo",sans-serif;font-weight:800;color:var(--color2);padding-left:5px}.modal__puntosValor{font-size:30px;font-family:"Arvo",sans-serif;font-weight:800;color:var(--color2)}@media (max-width: 767px){.modal__puntosTxt{font-size:18px}.modal__puntosValor{font-size:20px}}.buttons__modal{max-width:500px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px}.buttons__modal .button__modal.incorrecta{background-image:-webkit-gradient(linear, left top, right top, from(#EB6651), color-stop(66%, #e8523a));background-image:linear-gradient(to right, #EB6651 0%, #e8523a 66%);background-position:bottom center;margin:0;min-height:60px}.buttons__modal .button__modal.correcta{background-image:-webkit-gradient(linear, left top, right top, from(#39B54A), color-stop(66%, #81D300));background-image:linear-gradient(to right, #39B54A 0%, #81D300 66%);background-position:bottom center;margin:0;min-height:60px}.modal-content .modal__texto{color:#fff;font-size:20px;margin-top:0;margin-bottom:0;padding:30px 30px 20px}.modalPersonaje .button__modal{margin-top:15px;margin-left:auto;margin-right:auto;font-size:20px}.btn--disabled{display:none}
