@font-face{font-family:'Open Sans';src:url("../fonts/OpenSans-Regular.woff2") format("woff2"),url("../fonts/OpenSans-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Open Sans';src:url("../fonts/OpenSans-Bold.woff2") format("woff2"),url("../fonts/OpenSans-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Mitr';src:url("../fonts/Mitr-Regular.woff2") format("woff2"),url("../fonts/Mitr-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Mitr';src:url("../fonts/Mitr-SemiBold.woff2") format("woff2"),url("../fonts/Mitr-SemiBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}/*!
 * Restyle
 *
 * Escuela Didáctica (escueladidactica.com)
 *
 * Normalización de elementos Html, bifurcado manualmente desde Normalize.css
 * para aplicar nuevos estilos y modificar otros.
 *
 * Normalize is licensed MIT. https://necolas.github.io/normalize.css/
 */*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus{outline:none}html{line-height:1.3;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-size:1rem}main{display:block}h1{font-size:2em}h1,h2,h3,h4,h5,h6{margin:0 0 0.67em;line-height:1.2}p{margin-top:0;margin-bottom:0.67em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;border:0}button:hover{cursor:pointer}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:focus,button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:none}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-base: 'Open Sans', sans-serif;--font-title: 'Mitr', sans-serif;--size-base: 18px;--color-primary: #f0d427;--color-secondary: #c21015;--color-tertiary: #7a1e20;--color-medium-gray: #808080;--color-white: #fff;--color-light-gray: #e2e2e2;--color-gray: #444242;--color-dark-gray: #1c100b}:root{font-size:var(--size-base)}body{color:var(--color-gray);font-size:1rem;font-family:var(--font-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}@-webkit-keyframes buttonPulse{0%{-webkit-box-shadow:0 0 0 0 var(--color-background);box-shadow:0 0 0 0 var(--color-background);opacity:1}100%{-webkit-box-shadow:0 0 0 2rem var(--color-background);box-shadow:0 0 0 2rem var(--color-background);opacity:0}}@keyframes buttonPulse{0%{-webkit-box-shadow:0 0 0 0 var(--color-background);box-shadow:0 0 0 0 var(--color-background);opacity:1}100%{-webkit-box-shadow:0 0 0 2rem var(--color-background);box-shadow:0 0 0 2rem var(--color-background);opacity:0}}.button{--color-text: var(--color-gray);--color-background: var(--color-light-gray);color:var(--color-text);font-size:1rem;background-color:var(--color-background);padding:8px 20px;position:relative;z-index:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);z-index:-1;opacity:.8;-webkit-box-shadow:0 0 0 0 var(--color-background);box-shadow:0 0 0 0 var(--color-background);-webkit-transition:opacity .5s, -webkit-box-shadow .5s;transition:opacity .5s, -webkit-box-shadow .5s;transition:opacity .5s, box-shadow .5s;transition:opacity .5s, box-shadow .5s, -webkit-box-shadow .5s}.button:hover:before{opacity:0;-webkit-box-shadow:0 0 0 2rem var(--color-background);box-shadow:0 0 0 2rem var(--color-background)}.button:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.button--important{--color-text: var(--color-secondary);--color-background: var(--color-primary);font-weight:bold}.button--primary{--color-text: var(--color-white);--color-background: var(--color-secondary)}.button--secondary{--color-text: var(--color-white);--color-background: var(--color-gray)}:root{--colorBlanco: hsl(0, 0%, 100%);--colorNegro: hsl(0, 0%, 0%);--colorModulo: hsl(0, 0%, 50%);--bgBtnClose: var(--color-secondary);--boxShadow: hsla(0, 0%, 0%, .2);--modalActive: rgba(0, 0, 0, 0.3)}.edModal{z-index:999;background-color:var(--colorNegro);padding:15px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;visibility:hidden;opacity:0}.edModal--active{visibility:visible;opacity:1;background-color:var(--modalActive);-webkit-transition:background-color .4s;transition:background-color .4s}.edModal--active .edModal__content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.edModal__background{position:absolute;top:0;bottom:0;right:0;left:0}.edModal__container{max-width:1000px;width:100%;min-height:calc(100% - 80px);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.edModal__content{width:100%;min-height:30px;height:100%;max-height:calc(100vh - 80px);background-color:var(--colorBlanco);border-radius:10px;-webkit-box-shadow:0 3px 5px var(--boxShadow);box-shadow:0 3px 5px var(--boxShadow);opacity:0;-webkit-transition:opacity .6s, -webkit-transform .6s;transition:opacity .6s, -webkit-transform .6s;transition:transform .6s, opacity .6s;transition:transform .6s, opacity .6s, -webkit-transform .6s;-webkit-transform:translateY(-100px);transform:translateY(-100px);border:7px solid var(--colorModulo)}.edModal__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:15px 15px 5px}.edModal__close{position:absolute;right:-20px;top:-20px;border:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30px;height:30px;background-color:var(--bgBtnClose);border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;z-index:9;-webkit-transition:all .3s;transition:all .3s}.edModal__close:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.edModal__closeIcon{width:80px}.edModal__closeIcon path{fill:var(--colorBlanco)}.edModal__body{padding:5px 30px 15px}.edModal__body .edModal__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.edBackdrop{position:fixed;top:0;left:-100%;width:100vw;height:100vh;background-color:var(--colorBlanco);z-index:9999;-webkit-transition:left .6s;transition:left .6s}.edBackdrop--in{left:0}.edBackdrop__close{--color-background: var(--bgBtnClose);height:30px;width:30px;position:absolute;top:0;right:0;border:none;padding-bottom:2px;background-color:var(--color-background);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;-webkit-transform:scale(1);transform:scale(1);z-index:9;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.edBackdrop__close:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-background);z-index:-1;opacity:.8;-webkit-box-shadow:0 0 0 0 var(--color-background);box-shadow:0 0 0 0 var(--color-background);-webkit-transition:opacity .5s, -webkit-box-shadow .5s;transition:opacity .5s, -webkit-box-shadow .5s;transition:opacity .5s, box-shadow .5s;transition:opacity .5s, box-shadow .5s, -webkit-box-shadow .5s}.edBackdrop__close:hover:before{opacity:0;-webkit-box-shadow:0 0 0 2rem var(--color-background);box-shadow:0 0 0 2rem var(--color-background)}.edBackdrop__close:active{-webkit-transform:scale(0.9);transform:scale(0.9)}.edBackdrop__closeIcon{width:77%}.edBackdrop__closeIcon path{fill:var(--colorBlanco)}.edBackdrop__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.edBackdrop__preload{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--colorBlanco);overflow:hidden;z-index:8}@-webkit-keyframes preloadInvisible{0%{opacity:1}99%{opacity:0;height:100%}100%{opacity:1;height:0}}@keyframes preloadInvisible{0%{opacity:1}99%{opacity:0;height:100%}100%{opacity:1;height:0}}.edBackdrop__preload--invisible{-webkit-animation:preloadInvisible .6s forwards;animation:preloadInvisible .6s forwards}@-webkit-keyframes loading{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}@keyframes loading{0%{-webkit-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}100%{-webkit-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}}.edBackdrop__preloadIcon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80px}.courseFrame{position:relative;height:100vh}.header{position:absolute;top:0;width:100%;z-index:2;display:grid;grid-template-columns:1fr;-ms-flex-line-pack:center;align-content:center;background-color:var(--color-white);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.2);box-shadow:0 4px 12px rgba(0,0,0,0.2)}@media (min-width: 768px){.header{grid-template-columns:400px 1fr}}.courseTitle{position:relative;background-color:var(--color-secondary);background-image:url(../img/pattern-header.svg);background-size:10px;background-blend-mode:luminosity;height:100%;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 3rem 3rem 0;border-right:9px solid var(--color-primary);border-bottom:none}@media (max-width: 767px){.courseTitle{border-radius:0;border-right:none;border-bottom:8px solid var(--color-primary);width:calc(100% - 8px)}}.courseTitle__text{font-family:var(--font-title);font-weight:bold;font-size:1.5rem;line-height:1.1;color:var(--color-white)}.mainTitle{padding:15px 15px 15px 20px}.mainTitle__text{font-size:1rem;color:var(--color-medium-gray)}.mainTitle__title{font-size:1.2rem;color:var(--color-secondary);margin-bottom:0}.mapFrame{z-index:1;position:relative;height:100%;width:100%;overflow:hidden}.map{z-index:-1;position:absolute;width:800px;top:calc(50% + 30px);left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width 0.3s;transition:width 0.3s}@media (min-width: 576px){.map{width:1100px}}.map:hover{cursor:-webkit-grab;cursor:grab}.map__img{width:100%}.world{position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.world:hover{cursor:url(../img/pointer.png),pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes win{0%,
   20%,
   40%,
   60%,
   80%,
   100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}20%{-webkit-transform:scale3d(1.3, 1.3, 1.3);transform:scale3d(1.3, 1.3, 1.3)}40%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}60%{-webkit-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2)}80%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes win{0%,
   20%,
   40%,
   60%,
   80%,
   100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}20%{-webkit-transform:scale3d(1.3, 1.3, 1.3);transform:scale3d(1.3, 1.3, 1.3)}40%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}60%{-webkit-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2)}80%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.world.win{-webkit-animation:win .9s 0.5s;animation:win .9s 0.5s}.worldN{width:3.8%;position:absolute;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.worldN:hover{cursor:pointer;-webkit-transform:scale(1.15);transform:scale(1.15)}@-webkit-keyframes worldActive{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes worldActive{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.worldN--active{-webkit-animation:worldActive 1s infinite linear;animation:worldActive 1s infinite linear}@-webkit-keyframes change{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,
   20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,
   50%,
   70%,
   90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,
   60%,
   80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes change{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,
   20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,
   50%,
   70%,
   90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,
   60%,
   80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.change{-webkit-animation:change 1s;animation:change 1s}@-webkit-keyframes win-n{0%,
   20%,
   40%,
   60%,
   80%,
   100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}20%{-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}40%{-webkit-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2)}60%{-webkit-transform:scale3d(1.3, 1.3, 1.3);transform:scale3d(1.3, 1.3, 1.3)}80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes win-n{0%,
   20%,
   40%,
   60%,
   80%,
   100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}20%{-webkit-transform:scale3d(1.5, 1.5, 1.5);transform:scale3d(1.5, 1.5, 1.5)}40%{-webkit-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2)}60%{-webkit-transform:scale3d(1.3, 1.3, 1.3);transform:scale3d(1.3, 1.3, 1.3)}80%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}.worldN--win{-webkit-animation:win-n 1s 1s;animation:win-n 1s 1s}.world__img{max-width:100%}.world__imgN{max-width:100%}.worldN.locked:hover{-webkit-transform:none;transform:none;cursor:not-allowed}.locked:hover{-webkit-transform:none;transform:none;cursor:-webkit-grab;cursor:grab}.locked:active{cursor:-webkit-grabbing;cursor:grabbing}@-webkit-keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}50%{-webkit-transform:scale(1.11);transform:scale(1.11);-webkit-filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2));filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2))}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}}@keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}50%{-webkit-transform:scale(1.11);transform:scale(1.11);-webkit-filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2));filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2))}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}}@-webkit-keyframes beatUnlocked{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}50%{-webkit-transform:scale(1.07) translateY(-10px);transform:scale(1.07) translateY(-10px);-webkit-filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2));filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2))}100%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}}@keyframes beatUnlocked{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}50%{-webkit-transform:scale(1.07) translateY(-10px);transform:scale(1.07) translateY(-10px);-webkit-filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2));filter:drop-shadow(0 13px 8px rgba(0,0,0,0.2))}100%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4));filter:drop-shadow(0 2px 2px rgba(0,0,0,0.4))}}.unlocked{-webkit-animation:beatUnlocked 2.6s 1.6s ease-in-out infinite;animation:beatUnlocked 2.6s 1.6s ease-in-out infinite}.footer{position:absolute;bottom:0;left:0;width:100%;z-index:2}.footer__logo{position:absolute;bottom:0;right:0;width:50%;max-width:270px;padding:15px}.footer__buttons{position:absolute;bottom:0;left:0;width:auto;max-width:50%;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}@media (max-width: 767px){.footer__buttons{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.modalFinal,.modalWelcome{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:auto;background:rgba(0,0,0,0.8);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;z-index:10000}.modalFinal .content_modal,.modalWelcome .content_modal{position:relative;margin:auto;width:90%;max-width:600px;background-color:var(--color-white);text-align:center;color:var(--color-gray)}@-webkit-keyframes hide{0%{opacity:1}100%{opacity:0}}@keyframes hide{0%{opacity:1}100%{opacity:0}}.hide{-webkit-animation:hide 1s;animation:hide 1s}@-webkit-keyframes show{0%{opacity:0}100%{opacity:1}}@keyframes show{0%{opacity:0}100%{opacity:1}}.show{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-animation:show .8s;animation:show .8s}@-webkit-keyframes showContent{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showContent{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.show .content_modal{-webkit-animation:showContent .8s;animation:showContent .8s}.modalFinal .content_modal,.modalWelcome .content_modal{border-radius:30px 30px 0 0}.modalFinal__head,.modalWelcome__head{position:relative;padding:0;margin-bottom:40px}.modalFinal__signboard,.modalWelcome__signboard{font-family:var(--font-title);position:relative;left:-30px;width:calc(100% + 60px);text-align:center;padding:10px 70px 15px;background-color:var(--color-secondary);background-image:url(../img/pattern-header.svg);background-size:10px;background-blend-mode:luminosity;border-radius:50px;border-right:10px solid var(--color-primary);border-left:10px solid var(--color-primary)}.modalFinal__signboard:before,.modalWelcome__signboard:before,.modalFinal__signboard:after,.modalWelcome__signboard:after{content:"";position:absolute;display:block;background-position:center;background-repeat:no-repeat;background-size:contain;width:115px;height:115px}@media (max-width: 767px){.modalFinal__signboard:before,.modalWelcome__signboard:before,.modalFinal__signboard:after,.modalWelcome__signboard:after{width:90px;height:90px}}@media (max-width: 500px){.modalFinal__signboard:before,.modalWelcome__signboard:before,.modalFinal__signboard:after,.modalWelcome__signboard:after{width:70px;height:70px}}.modalFinal__signboard:before,.modalWelcome__signboard:before{left:0;bottom:-13px;background-image:url(../img/modal-header-left.svg)}@media (max-width: 767px){.modalFinal__signboard:before,.modalWelcome__signboard:before{bottom:-11px}}@media (max-width: 500px){.modalFinal__signboard:before,.modalWelcome__signboard:before{bottom:-7px}}.modalFinal__signboard:after,.modalWelcome__signboard:after{right:0;top:-5px;background-image:url(../img/modal-header-right.svg)}@media (max-width: 767px){.modalFinal__signboard:after,.modalWelcome__signboard:after{top:-4px}}@media (max-width: 500px){.modalFinal__signboard:after,.modalWelcome__signboard:after{top:-4px}}.modalFinal__signboardTitle,.modalWelcome__signboardTitle{display:block;text-align:center;color:white;font-size:2rem;line-height:1;font-weight:bold}@media (max-width: 767px){.modalFinal__signboardTitle,.modalWelcome__signboardTitle{font-size:1.5rem}}.modalFinal__signboardSubtitle,.modalWelcome__signboardSubtitle{display:block;font-size:1.5rem;text-align:center;color:white}@media (max-width: 767px){.modalFinal__signboardSubtitle,.modalWelcome__signboardSubtitle{font-size:1rem}}.modalFinal__headImg,.modalWelcome__headImg{position:absolute;width:150px;left:50%;bottom:-75px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modalFinal__contenido,.modalWelcome__contenido{padding:0 20px 20px;margin-bottom:50px}.modalWelcome__contenido:after,.modalFinal__contenido:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:var(--color-primary);width:100%;height:50px;background-image:url(../img/pattern2.svg);background-size:10px}.modalWelcome__botones{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modalFinal__botones{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modalFinal button,.modalWelcome button{margin-top:20px;margin-left:5px;margin-right:5px}.star{text-align:center;margin-top:5px;margin-bottom:20px}.star__img{max-width:100%;width:70px}.dNone{display:none !important}
