:root{--altura-real: 100vh}body,html{margin:0;padding:0;height:100%;overflow:hidden;background-color:#5570a5;cursor:none;touch-action:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;caret-color:transparent}span:focus{outline:none}span{caret-color:transparent}div:focus,span:focus{outline:none;caret-color:transparent}.container{position:relative;height:100vh;width:100vw;overflow:hidden;background-color:#5570a5}.slide{position:absolute;width:100%;height:100%;z-index:1;left:0;background-color:#5570a5}.container.animate .slide{left:0}.container.reverse-animate .slide{left:-100%}.slide.deployed .slide-row{opacity:1}.bar-container{position:absolute;display:flex;height:100vh;width:100vw;align-items:flex-end;box-sizing:border-box;z-index:2;transition:left 3.5s ease-out;left:100%}.bar-container.deployed{left:0}.bar{background-color:#254590;margin-right:var(--bar-spacing, 4px);height:100%;transition:width .8s ease,margin-right .8s ease,transform .5s ease;position:relative;transform-origin:bottom center;box-shadow:0 0 5px #0000004d;will-change:transform}.bar.animating{animation:wave-both var(--animation-duration, 1.5s) ease-in-out infinite}.screen{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 6s ease-in-out;pointer-events:none}.screen.visible{opacity:1;pointer-events:auto}.screen1{z-index:10;position:relative}.screen2,.screen3{z-index:10}.screen4{background-color:#254590f0;z-index:10}.screen5,.screen6{z-index:10}.screen7{z-index:10;background-color:transparent;pointer-events:none}.next-button{font-size:20%;width:300px;height:90px;position:fixed;bottom:350px;left:98%;transform:translate(-50%);padding:10px 20px;font-size:16px;cursor:pointer;z-index:10;display:none;background-color:#d44545;border:none;border-radius:100px 0 0 100px;box-shadow:0 2px 4px #0003;color:#f0f8ff}.next-button{font-size:20%;width:300px;height:90px;position:fixed;bottom:250px;left:98%;transform:translate(-50%);padding:10px 20px;font-size:16px;cursor:pointer;z-index:10;display:none;background-color:#d44545;border:none;border-radius:100px 0 0 100px;box-shadow:0 2px 4px #0003;color:#f0f8ff}.dialog-screen{font-family:SharpGroteskSemiBold20;font-size:1.9rem;width:850px;background-color:#ffd244;color:#1e56c2;border-radius:20px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;padding-top:7rem;padding-bottom:4rem;justify-content:center;line-height:2.5rem}.dialog-screen2{font-family:SharpGroteskMedium20;font-size:3rem;width:800px;line-height:3.85rem;background-color:#ffd244;color:#1e56c2;border-radius:20px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:100px 20px}.dialog-screen5{font-family:SharpGroteskMedium20;font-size:60px;width:650px;height:590px;background-color:#ffd244;color:#1e56c2;border-radius:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center;padding:90px 60px;line-height:3.5rem}.dialog-screen7{font-family:SharpGroteskMedium20;font-size:50px;width:60vw;height:52vh;background-color:#184496;color:#fff;border-radius:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:110px 30px}.screen7-dialog-0{font-family:SharpGroteskMedium20;font-weight:600;width:700px;height:150px;margin-left:-.5em}.screen7-dialog-1{font-family:SharpGroteskLight20;font-weight:100;font-size:35px;margin-top:10%}.screen7-dialog-2{font-family:SharpGroteskLight20;font-weight:600;font-size:50px;color:#f8d460;margin-top:15px;line-height:3.5rem}.check-box{width:60px;margin-right:25px;color:#d2565a;transform:scale(125%);padding-right:3%}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:60px;height:60px;border:3px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;vertical-align:middle;position:relative;color:#d2565a}input[type=checkbox]:checked:before{content:"✓";position:absolute;font-size:30px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}#blue-cover-screen6{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#184496ad;z-index:1000}.screen7 .bar{background-color:#ffd244!important;background:linear-gradient(to bottom,#ffd244,#ffe180)!important}.bar-container-entrance{left:100%;transition:right 3.5s ease-out!important}@keyframes wave-both{0%{transform:translateY(0)}25%{transform:translateY(var(--wave-height, -70px))}50%{transform:translateY(0)}75%{transform:translateY(var(--wave-height-down, 70px))}to{transform:translateY(0)}}#buttonScreen6,#buttonScreen6-2{position:relative;display:block}.hidden{display:none!important}#svg-frame-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;transform:scale(1.2);opacity:0;transition:transform .6s ease,opacity .6s ease}.fade-inScreen5{display:block;opacity:0;transition:opacity 1s ease}.fade-inScreen5.show{opacity:1}#si-lo-decides-text{line-height:1}#quieres-ser-parte-text{position:relative;top:5%}#visita-el-mide-text{display:block;height:auto;margin-top:20%}.container,.bar-container,.screen{height:var(--altura-real, 100vh)}.slides-container{width:100dvw;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.slide-row{width:100%;height:33.33%;overflow:hidden;position:relative}.slide-track{display:flex;width:max-content}.slide-row-1 .slide-track{transform:translate(100%)}.slide-row-2 .slide-track{transform:translate(-100%)}.slide-row-3 .slide-track{transform:translate(100%)}.slide.deployed .slide-row-1 .slide-track{animation:enterRow1 2s ease-out 1s forwards,slideRow1 80s linear infinite 3s}.slide.deployed .slide-row-2 .slide-track{animation:enterRow2 2s ease-out 1s forwards,slideRow2 80s linear infinite 3s}.slide.deployed .slide-row-3 .slide-track{animation:enterRow3 2s ease-out 1s forwards,slideRow3 80s linear infinite 3s}@keyframes enterRow1{0%{transform:translate(25%)}to{transform:translate(0)}}@keyframes enterRow2{0%{transform:translate(-100%)}to{transform:translate(-50%)}}@keyframes enterRow3{0%{transform:translate(25%)}to{transform:translate(0)}}@keyframes slideRow1{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideRow2{0%{transform:translate(-75)}to{transform:translate(-25%)}}@keyframes slideRow3{0%{transform:translate(0)}to{transform:translate(-50%)}}.slide-track img{height:33.4dvh;width:auto;object-fit:cover;margin:0;padding:0;display:block}@media (orientation: landscape){.slide-row{height:50%}.slide-row-3{display:none}.slide-track img{max-height:100%;max-width:100vh}}@media (min-aspect-ratio: 16/9){.slide-track img{height:100%;max-width:90vh}}.capa-externa{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;clip-path:circle(100% at center);transition:clip-path 1s ease-in-out}.capa-interna{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;clip-path:circle(100% at center);transition:clip-path 1s ease-in-out}.screen3 .circulo{width:500px;height:500px;background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 2s ease-in-out}.screen3 .circulo.reducido{width:300px;height:300px}.screen3 .capa-interna{background-color:#fff;clip-path:circle(50% at center);transition:all 2s ease-in-out}.pulse-button{width:150px;height:150px;background-color:#d2565a;border-radius:50%;cursor:pointer;position:relative;top:20px;left:30%;animation:pulse 4s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff4757b3,0 0 #ff475780,0 0 #ff47574d}50%{transform:scale(1.1);box-shadow:0 0 0 20px #ff475700,0 0 0 40px #ff475700,0 0 0 60px #ff475700}to{transform:scale(1);box-shadow:0 0 #ff4757b3,0 0 #ff475780,0 0 #ff47574d}}.camera-button{position:absolute;width:150px;height:150px;background-color:#d2565a;border-radius:50%;cursor:pointer;top:80%;left:45%}#buttonScreen1{background-image:url(./hand-button-BNL4qnoF.png);background-repeat:no-repeat;background-position:center;background-size:cover;background-size:70%}.arrow-button{width:70px;height:70px;margin-right:160px}.tip-button{width:60px;height:60px}.sticker-button{width:95%;height:95%;caret-color:transparent}#record-button{display:flex;justify-content:center;align-items:center}.record{padding:20px;cursor:pointer;z-index:10;background-color:#d44545;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;justify-content:center}.next-button-yes{width:250px;height:70px;top:0;left:350px;cursor:pointer;z-index:10;background-color:#184496;border-radius:999px;box-shadow:0 2px 4px #0003;color:#fff;padding-left:10px;padding-top:10px}.next-button-no{width:250px;height:70px;top:70px;left:50px;cursor:pointer;z-index:10;background-color:#d44545;border-radius:999px;box-shadow:0 2px 4px #0003;color:#fff;padding-left:10px;padding-top:10px}.next-button-camera{font-size:40px;width:250px;height:70px;top:0;left:250px;cursor:pointer;z-index:10;background-color:#d2565a;border-radius:50px;box-shadow:0 2px 4px #0003;color:#f0f8ff;padding-left:10px;padding-top:10px}.next-button-exit{position:absolute;display:block;width:250px;height:70px;top:90%;cursor:pointer;z-index:10;background-color:#d44545;border-radius:999px;box-shadow:0 2px 4px #0003;color:#fff;padding-left:10px;padding-top:10px;justify-content:center;align-content:center;align-items:center;display:flex;left:50%;transform:translate(-50%,10px)}.tip{font-size:500px;width:70px;height:70px;position:absolute;top:100px;left:85%;padding:15px 10px 10px;font-size:16px;cursor:pointer;z-index:10;background-color:#d44545;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;justify-content:center}.sticker-tip{position:absolute;width:70px;height:70px;top:110px;right:130px;padding:15px 10px 10px;font-size:16px;cursor:pointer;z-index:10;background-color:#d44545;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;justify-content:center}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#184496e5;z-index:100}.modal-content{position:relative;background-color:transparent;margin:15% auto;padding:20px;width:80%;max-width:600px;border-radius:10px;text-align:center;z-index:1000}.modal_stickers{position:fixed;bottom:0;left:0;right:0;width:100vw;height:63vh;background-color:#fff6;z-index:100}.table_stickers{position:relative;top:70%;left:-175px;width:100%;z-index:1000}.sticker_thumbnail{width:20rem}.sticker_template{position:fixed;width:100%;height:100%;z-index:1}.sticker_template_table{position:relative;width:100%;height:100%}.sticker_template_table td{text-align:center;width:20px}.sticker_td_central{width:5px}.sticker_tr_central{height:5px}.sticker_template_table tr{height:150px}.sticker_position{height:33%}#st1 img{transform:rotate(-20deg);width:77%}#st2 img,#st3 img{transform:rotate(20deg);width:77%}#st4 img{transform:rotate(-20deg);width:77%}.dialog-stickers{font-family:SharpGroteskMedium;font-size:40px;width:60vw;height:36vh;background-color:#ffd244;color:#1e56c2;border-radius:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center;padding:90px 60px;z-index:99}.close-modal{position:absolute;top:-5dvh;right:-5dvh;transform:translate(-50%);cursor:pointer;color:#fff;background-color:#d2565a;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:120px}.close-modal:hover{background-color:#d2565a}.img-tips{position:absolute;top:500px;left:0}.tips-pops{position:fixed;width:90dvh;height:auto;top:60%;left:50%}.container-count{text-align:center}.circle-count{width:400px;height:400px;border-radius:50%;background-color:#ff0;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:#000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hidden-count{display:none}.label-keyboard{font-size:2rem;color:#194396}.input-keyboard{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:60%;padding:20px 30px;margin:10px 0;font-size:2.5rem;border:2px solid #194396;border-radius:20px;text-align:center;background-color:#fff}.select-keyboard{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);width:auto;padding:20px 56px;margin:10px 0;font-size:2.5rem;border:2px solid #194396;border-radius:20px;text-align:center;background-color:#fff}.keyboard{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);margin-top:20px;padding:20px;background-color:#ffd244;border-radius:15px;width:80%}.row-keyboard{display:flex;justify-content:center;margin-bottom:5px;width:100%}.button-keyboard{background-color:#3c3c3a;color:#fff;border:none;padding:12px 8px;font-size:2.5rem;margin:3px;border-radius:15px;cursor:pointer;min-width:8%;width:auto}.button-keyboard:hover{background-color:#133573}.button-keyboard:last-child{background-color:#3c3c3a}.button-keyboard:last-child:hover{background-color:#133573}.next-button-keyboard{position:absolute;bottom:10%;right:0%;padding:10px 180px 10px 20px;background-color:#194396!important;color:#facd60;font-size:6rem;font-weight:700;border:none;border-radius:100px 0 0 100px;cursor:pointer;width:40%}.next-button-keyboard:hover{background-color:#133573!important}@font-face{font-family:SharpGroteskMedium;src:url(./SharpGrotesk-Medium25-Bx3SJgNx.otf) format("woff2")}@font-face{font-family:SharpGroteskBold;src:url(./SharpGrotesk-Bold20-QdZFW_35.otf) format("woff2")}@font-face{font-family:SharpGroteskLight;src:url(./SharpGrotesk-Light15-C6iDYw0g.otf) format("woff2")}@font-face{font-family:SharpGroteskLight20;src:url(./SharpGrotesk-Light20-vjybShOe.otf) format("woff2")}@font-face{font-family:SharpGroteskSemiBold;src:url(./SharpGrotesk-SemiBold05-DS86Kiqq.otf) format("woff2")}@font-face{font-family:SharpGroteskMedium20;src:url(./SharpGrotesk-Medium20-B-3Ol1Xm.otf) format("woff2")}@font-face{font-family:SharpGroteskSemiBold20;src:url(./SharpGrotesk-SemiBold20-Cjh8GdAh.otf) format("woff2")}@font-face{font-family:tester;src:url(./SharpGrotesk-Medium20-B-3Ol1Xm.otf) format("woff2")}.text1{font-family:SharpGroteskBold;font-size:7rem;font-weight:600;color:#fff;position:absolute;top:50%;left:50%;width:500px;height:550px;line-height:8rem;transform:translate(-50%,-50%);justify-content:center;text-align:center}.text2{font-family:SharpGroteskMedium20;font-weight:600;font-size:3.5rem;color:#fff;position:absolute;top:20%;left:50%;width:750px;transform:translate(-50%,-50%);justify-content:center;text-align:center;line-height:5rem}.text2Span{position:absolute;top:250px;left:50%;width:750px;transform:translate(-50%,-50%);justify-content:center;text-align:center;line-height:4.5rem}.text3{display:flow;font-family:SharpGroteskMedium20;font-size:50px;color:#fff;position:absolute;top:20%;left:50%;width:850px;transform:translate(-50%,-50%);justify-content:center;text-align:center;line-height:1.5}.text4{font-family:SharpGroteskBold;font-weight:600;font-size:5rem;color:#fff;position:absolute;top:320px;left:50%;width:750px;transform:translate(-50%,-50%);justify-content:center;text-align:center}.title_stickers{font-family:SharpGroteskMedium20;font-weight:600;font-size:3rem;color:#184496e5;position:absolute;top:-60px;left:50%;width:750px;transform:translate(-50%,-50%);justify-content:center;text-align:center}.pos_stickers{font-family:SharpGroteskMedium20;font-weight:400;font-size:2.5rem;color:#184496e5;justify-content:center;text-align:center}.text-bold{font-family:SharpGroteskBold;font-weight:600;font-size:4.75rem;color:#ffd244}.text-bold-2{font-family:SharpGroteskSemiBold20;font-weight:600;font-size:4rem;line-height:4rem}.text-light{font-family:SharpGroteskLight20;font-weight:600;font-size:1.9rem;line-height:2.5rem;position:absolute;top:35%;width:85%;transform:translate(-50%,-50%)}.text-check{font-family:SharpGroteskLight;font-weight:600;font-size:32px;color:#fff;width:47%;height:auto;top:600px;left:5%;display:flex;position:relative;margin-left:auto;margin-right:auto;align-items:center;transform:translate(-5%,-50%)}.timer-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vmin;height:60vmin;background-color:#facd60;color:#194396;font-family:SharpGroteskSemiBold20;font-size:4rem;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2;opacity:1;transition:opacity .5s ease}.timer-circle.hidden{opacity:0}.line.blue{animation-name:blue-line-pause}.line.yellow{animation-name:yellow-line-pause}html,body{margin:0;padding:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#000}canvas{width:100%;height:100%;object-fit:cover}canvas{display:block;position:absolute;object-fit:cover}.button-container{position:absolute;bottom:20px;display:flex;gap:10px}button{padding:10px 20px;font-size:2rem;background-color:#fffc;border:none;cursor:pointer;border-radius:5px}.button-filter{position:absolute;transform:translate(-25%,-50%);left:50%;bottom:5%;z-index:9999}.filter-button{width:60px;height:60px}.img-startfilter,.img-stopfilter{position:absolute;top:500px;left:0}.tips-pops{position:fixed;width:90dvw;height:auto;top:60%;left:50%;transform:translate(-50%,-50%)}.record-timer{position:fixed;top:5.5%;left:7%;z-index:9999}.circle-timer{width:11.5vmin;height:11.5vmin;background-color:#facd60;color:#194396;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:4rem;font-family:SharpGroteskSemiBold20}#playback-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem}#recorded-video{object-fit:fill;border-radius:0;flex:1;width:100%}.button-group{position:absolute;top:80%;left:50%;transform:translate(-50%);display:flex;gap:1rem;width:70%;justify-content:space-evenly;align-items:center}.button-group button{width:350px;padding:1.5rem;font-size:1.9rem;border:none;border-radius:999px;cursor:pointer;font-weight:700;color:#fff;text-align:center}#continue-button1{position:fixed;background-color:#cc6252;color:#fff;z-index:1005}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0360;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9990;color:#fff;font-family:Arial,sans-serif;font-size:2rem;text-align:center}.arrow-down{font-size:10rem;margin-bottom:20px;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.overlay-content{display:flex;flex-direction:column;align-items:center}.overlay-text{font-weight:700;font-family:SharpGroteskMedium20;font-size:5rem;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}#record-button{z-index:9999}#playback-container{height:var(--altura-real, 100vh)}.hide{display:none}.dialog-error{font-family:SharpGroteskMedium20;font-size:40px;width:60vw;height:16vh;background-color:#ffd244;color:#1e56c2;border-radius:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;align-items:center;padding:90px 60px;z-index:99}.button-close-error{width:250px;height:70px;top:0;left:350px;cursor:pointer;z-index:10;border-radius:999px;box-shadow:0 2px 4px #0003;font-size:1.9rem;color:#fff;background-color:#184496;padding-left:10px;padding-top:10px}#screen-container *{margin:0;padding:0;box-sizing:border-box}#screen-container{width:var(--ancho-real);height:var(--altura-real);overflow:hidden;position:relative}.screen,.screen2,.screen3,.screen4,.screen5,.screen6{width:var(--ancho-real);height:var(--altura-real)}#screen-container>div{width:100%;height:100%;*/}.screen{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center}.screen1,.screen2,.screen3,.modal,.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal{display:none}.text1{all:unset;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SharpGroteskBold!important;font-size:7rem;font-weight:600;color:#fff;text-align:center;line-height:1.1}.text2{all:unset;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:SharpGroteskSemiBold20!important;font-size:7rem;font-weight:600;color:#fff;text-align:center;line-height:1.1;margin-bottom:3vh}.text2-line1,.text2-line2,.text2-line3,.text-light{all:unset}.text2-line2{font-family:SharpGroteskBold!important;font-weight:600;font-size:4.75rem;color:#ffd244}.dialog-screen{all:unset;display:flex;flex-direction:column;align-items:center;background-color:#ffd244;color:#1e56c2;border-radius:20px;text-align:center;justify-content:center;line-height:2.5rem}.pulse-button{position:unset;display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--altura-real) * .15);height:calc(var(--altura-real) * .15)}.text-light{font-family:SharpGroteskMedium20!important;line-height:2.5rem}#que-metas-text,#que-piensas-text{font-family:SharpGroteskSemiBold20!important;line-height:2.5rem}.dialog-screen2{width:unset;font-family:SharpGroteskMedium20!important;position:unset;transform:unset}.tip{position:absolute;left:unset;top:calc(var(--altura-real) * .05);right:calc(var(--ancho-real) * .05);display:flex;align-items:center;justify-content:center}.tip-button{all:unset}.close-modal{all:unset;position:absolute;top:calc(var(--altura-real) * .05);right:calc(var(--ancho-real) * .05);color:#fff;cursor:pointer;background-color:#d2565a;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-content{all:unset;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;height:var(--altura-real)}.text4{all:unset;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;text-align:center;color:#fff;font-family:SharpGroteskBold!important}.tips-pops{all:unset;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#algunas-ideas-content{all:unset}.next-button{all:unset;position:absolute;top:calc(var(--altura-real) * .8);right:0;z-index:5;border-radius:25vw 0vw 0vw 25vw;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;display:none;background-color:#d44545;border:none;box-shadow:0 2px 4px #0003;color:#f0f8ff}.arrow-button{all:unset;width:80%;height:auto;max-height:80%;object-fit:contain}#svg-frame-mask{all:unset;position:fixed;top:0;left:0;width:var(--ancho-real);height:var(--altura-real);z-index:9999;pointer-events:none;transform:scale(1.2);opacity:0;transition:transform .6s ease,opacity .6s ease}.screen4{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:var(--ancho-real);height:var(--altura-real);padding:2vh 2vw;overflow:hidden}#canvas,#recorded-video,#recorded-video1{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block;margin:auto}.button-filter{all:unset;position:absolute;bottom:calc(var(--altura-real) * .05);left:0;right:0;display:flex;justify-content:center;align-items:center}#record-button{display:flex;justify-content:center;align-items:center;width:12vw;height:12vw}.record-timer{position:absolute;top:calc(var(--altura-real) * .05);left:0;right:0;display:flex;justify-content:center;align-items:center}.circle-timer{display:flex;justify-content:center;align-items:center;width:calc(var(--ancho-real) * .2);height:calc(var(--ancho-real) * .2);max-width:120px;max-height:120px;border-radius:50%;font-size:calc(var(--ancho-real) * .05);font-weight:700;position:absolute;left:calc(var(--ancho-real) * .05);font-family:SharpGroteskSemiBold20!important}.timer-circle{font-size:clamp(1.2rem,4vw,2.5rem)}#start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;z-index:5}.overlay-content{text-align:center;padding:0 5vw}.overlay-text{font-family:SharpGroteskSemiBold20!important;font-size:calc(var(--ancho-real) * .05);line-height:calc(var(--ancho-real) * .07)}.arrow-down{font-size:calc(var(--altura-real) * .05)}.button-group{display:flex;justify-content:center;align-items:stretch;gap:4vw;flex-wrap:wrap;margin-top:calc(var(--altura-real) * .02)}#retry-button,#continue-button{all:unset;color:#fff;font-family:SharpGroteskMedium20!important;text-align:center;padding:1vh 2vw;border-radius:5vw;cursor:pointer;width:calc(var(--ancho-real) * .35);height:calc(var(--altura-real) * .08);font-size:calc(var(--ancho-real) * .04);line-height:1.2;box-shadow:0 4px 10px #00000040;transition:background-color .3s ease;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#retry-button{background-color:#143463}#continue-button{background-color:#cc6252}#btn_stickers,#modal_stickers,#btn_continue_stickers{display:none!important}.screen5{display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--ancho-real);height:var(--altura-real);padding:4vh 5vw;gap:2vh}.text3{all:unset;font-family:SharpGroteskSemiBold20!important;color:#fff;text-align:center;font-size:calc(var(--ancho-real) * .05);line-height:calc(var(--ancho-real) * .065);margin-bottom:3vh}.text-bold-2{font-family:SharpGroteskBold!important;font-size:inherit;line-height:inherit}.select-keyboard,.input-keyboard{all:unset;width:60%;padding:1.2vh 2vw!important;font-size:calc(var(--ancho-real) * .02);border:2px solid white;border-radius:10px;background-color:#fff;color:#1e56c2;font-family:SharpGroteskSemiBold20!important;box-shadow:0 2px 6px #00000026;box-sizing:border-box;text-align:center;margin:2vh!important}.input-keyboard::placeholder{color:#999}#form-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:calc(var(--ancho-real) * .65)}.screen6{display:flex;justify-content:center;align-items:center;width:var(--ancho-real);height:var(--altura-real)}#blue-cover-screen6{display:flex;justify-content:center;align-items:center;padding:4vh 5vw;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#184496ad;z-index:0}.dialog-screen5{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;font-family:SharpGroteskMedium20!important;gap:2vh;background-color:#ffd244;color:#1e56c2;border-radius:60px;padding:90px 60px;line-height:3.5rem;padding:4vh 4vw!important;height:auto}#aparecer-mural-button-content{display:flex;justify-content:center;align-items:center;gap:3vw;margin-top:3vh;flex-wrap:nowrap;flex-direction:row;align-content:center}#aparecer-mural-button-content{display:flex;justify-content:center;align-items:center;gap:3vw;flex-wrap:nowrap;width:100%;margin-top:2vh;margin-bottom:1vh}.next-button-no,.next-button-yes{all:unset;display:flex;justify-content:center;align-items:center;width:calc(var(--ancho-real) * .35);padding:calc(var(--altura-real) * .015) 0;min-height:calc(var(--altura-real) * .07);font-size:clamp(1rem,3.5vw,1.5rem);font-family:SharpGroteskBold!important;text-align:center;color:#fff;border-radius:100vw;box-shadow:0 2px 5px #0003;cursor:pointer;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.next-button-no{background-color:#143463}.next-button-yes{background-color:#cc6252}.screen7{display:flex;justify-content:center;align-items:center;width:var(--ancho-real);height:var(--altura-real);padding:4vh 5vw}.dialog-screen7{height:auto;background-color:#114c97;border-radius:2vw;padding:calc(var(--altura-real) * .05) calc(var(--ancho-real) * .05)!important;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:calc(var(--ancho-real) * .9);max-height:calc(var(--altura-real) * .9);overflow-y:auto;gap:calc(var(--altura-real) * .025);font-family:SharpGroteskMedium20!important;box-sizing:border-box}.next-button-exit{all:unset;background-color:#cc6252;color:#fff;font-family:SharpGroteskBold!important;font-size:clamp(1rem,4vw,1.5rem);padding:1vh 4vw!important;margin-top:3vh;border-radius:100vw;width:clamp(120px,50%,240px);box-shadow:0 3px 8px #0003;cursor:pointer;text-align:center;flex-shrink:0;align-content:center;justify-content:center;align-items:center}#buttonScreen5{right:2%}#tu-yo-del-futuro-3-text,#tu-yo-del-futuro-2-text{color:#ffd244}.screen7-dialog-0,.screen7-dialog-1,.screen7-dialog-2{all:unset;font-size:clamp(calc(var(--altura-real) * .03),calc(var(--ancho-real) * .04),calc(var(--altura-real) * .045));line-height:1.4}.dialog-screen7{overflow-y:auto;scrollbar-width:none}.dialog-screen7::-webkit-scrollbar{display:none}.line{display:block;margin-bottom:.5vh}@media (max-height: 600px),(max-width: 400px){.mobile-break{display:inline}}@media (orientation: portrait){.pulse-button{width:calc(var(--ancho-real) * .15);height:calc(var(--ancho-real) * .15);max-width:calc(var(--altura-real) * .075);max-height:calc(var(--altura-real)*.075)}.text1{font-size:calc(var(--ancho-real) * .08)}.text2{font-size:calc(var(--ancho-real) * .06)}.text2-line2{font-size:calc(var(--ancho-real) * .08)}.dialog-screen{width:calc(var(--ancho-real) * .7);padding:3.5vh 5vw!important;font-size:calc(var(--altura-real) * .045);line-height:calc(var(--altura-real) * .04);margin-top:calc(var(--altura-real) * .04)!important;margin-bottom:calc(var(--altura-real) * .3)!important}#que-metas-text,#que-piensas-text,.text-light{font-size:calc(var(--ancho-real) * .035);line-height:calc(var(--ancho-real) * .055)}.dialog-screen2{padding:3.5vh 5vw!important;font-size:calc(var(--ancho-real) * .045);line-height:calc(var(--altura-real) * .04)}.text-bold-2{font-size:calc(var(--ancho-real) * .055)}.tip{width:calc(var(--ancho-real) * .1);height:calc(var(--ancho-real) * .1)}.tip-button,.close-modal{width:calc(var(--ancho-real) * .08);height:calc(var(--ancho-real) * .08);font-size:calc(var(--ancho-real) * .1)}.text4{font-size:calc(var(--ancho-real) * .1)}.tips-pops{width:calc(var(--ancho-real) * .85)}.next-button{width:15vw;height:5vh}#svg-frame-mask{transform:scale(1.05)}.screen4{padding-bottom:5vh}.record-button{width:8vw!important;height:8vw!important}#retry-button,#continue-button{width:calc(var(--ancho-real) * .15);min-height:calc(var(--altura-real) * .01);height:auto;font-size:calc(var(--ancho-real) * .0225)}.dialog-screen5{width:calc(var(--ancho-real)*.55)}#si-lo-decides-text,#quieres-ser-parte-text{font-size:calc(var(--ancho-real)*.04);line-height:1}.screen7-dialog-0,.screen7-dialog-1,.screen7-dialog-2{font-size:clamp(calc(var(--ancho-real) * .035),calc(var(--ancho-real) * .045),calc(var(--ancho-real) * .06))}#visita-el-mide-text{margin-top:1vh!important}.text3{font-size:calc(var(--ancho-real) * .065);line-height:calc(var(--ancho-real) * .075)}#tu-yo-del-futuro-2-text{font-size:inherit;line-height:inherit}.select-keyboard,.input-keyboard{width:90%;font-size:calc(var(--ancho-real) * .03)}#si-lo-decides-text,#quieres-ser-parte-text{font-size:calc(var(--ancho-real) * .045);line-height:calc(var(--ancho-real) * .06)}.next-button-no,.next-button-yes{font-size:calc(var(--ancho-real) * .035);width:calc(var(--ancho-real) * .3);min-height:calc(var(--ancho-real) * .09)}}@media (orientation: landscape){.pulse-button{width:calc(var(--altura-real) * .15);height:calc(var(--altura-real) * .15)}.text1{font-size:calc(var(--altura-real) * .08)}.slide-track img{height:calc(var(--altura-real) * .5)}.text2{font-size:calc(var(--altura-real) * .06)}.text2-line2{font-size:calc(var(--altura-real) * .08)}.dialog-screen{width:calc(var(--ancho-real) * .65);padding:3.5vh 5vw!important;font-size:calc(var(--altura-real) * .045);line-height:calc(var(--altura-real) * .04);margin-top:calc(var(--altura-real) * .04)!important;max-width:1040px}#que-metas-text,#que-piensas-text,.text-light{font-size:calc(var(--altura-real) * .035);line-height:calc(var(--altura-real) * .055)}.dialog-screen2{padding:3.5vh 5vw!important;font-size:calc(var(--altura-real) * .045);line-height:calc(var(--altura-real) * .045)}.text-bold-2{font-size:calc(var(--altura-real) * .055)}.tip{width:calc(var(--altura-real) * .1);height:calc(var(--altura-real) * .1)}.tip-button,.close-modal{width:calc(var(--altura-real) * .08);height:calc(var(--altura-real) * .08);font-size:calc(var(--altura-real) * .1)}.text4{font-size:calc(var(--altura-real) * .1)}.tips-pops{width:calc(var(--altura-real) * .75)}.next-button{width:15vw;height:10vh}#svg-frame-mask{transform:scale(1.15)}#record-button{width:calc(var(--altura-real) * .12);height:calc(var(--altura-real) * .12);max-width:calc(var(--ancho-real) * .075);max-height:calc(var(--ancho-real) * .075)}.circle-timer{width:calc(var(--altura-real) * .15);height:calc(var(--altura-real) * .15);font-size:calc(var(--altura-real) * .045)}.overlay-text{font-size:calc(var(--altura-real) * .045);line-height:calc(var(--altura-real) * .065)}#retry-button,#continue-button{width:calc(var(--altura-real) * .2);height:calc(var(--altura-real) * .04);font-size:calc(var(--altura-real) * .022)}.dialog-screen5{width:calc(var(--altura-real) * .8);max-width:calc(var(--ancho-real)*.6)}#si-lo-decides-text,#quieres-ser-parte-text{font-size:clamp(1rem,calc(var(--altura-real)*.05),calc(var(--ancho-real)*.04));line-height:1}.dialog-screen7{width:calc(var(--ancho-real) * .6);height:calc(var(--altura-real) * .75)}.screen7-dialog-0,.screen7-dialog-1,.screen7-dialog-2{font-size:clamp(calc(var(--altura-real) * .02),calc(var(--ancho-real) * .025),calc(var(--altura-real) * .03));line-height:1.4}#visita-el-mide-text{margin-top:1vh}.mobile-hidden{display:none}.text3{font-size:calc(var(--altura-real) * .05);line-height:calc(var(--altura-real) * .065)}#tu-yo-del-futuro-2-text{font-size:inherit}#si-lo-decides-text,#quieres-ser-parte-text{font-size:calc(var(--altura-real) * .045);line-height:calc(var(--altura-real) * .06)}.next-button-no,.next-button-yes{font-size:clamp(calc(var(--altura-real) * .025),calc(var(--ancho-real) * .035),calc(var(--altura-real) * .04));width:calc(var(--ancho-real) * .3);min-height:calc(var(--ancho-real) * .04);max-height:calc(var(--altura-real)*.09)}}@media (orientation: portrait){.dialog-error,#divError{background:#ffd244;border-radius:6vw;padding:calc(var(--altura-real) * .04) calc(var(--ancho-real) * .05);max-width:calc(var(--ancho-real) * .85);width:calc(var(--ancho-real) * .8);min-height:calc(var(--altura-real) * .22);font-size:calc(var(--ancho-real) * .045);color:#114c97;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000002e;margin:auto}.dialog-error .btnCloseError,.dialog-error .button-close-error,#divError .btnCloseError,#divError .button-close-error{background:#114c97;color:#fff;border-radius:10vw;border:none;font-size:calc(var(--ancho-real) * .04);padding:calc(var(--altura-real) * .015) 0;width:60%;height:25%;margin:2vh auto 0;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;box-shadow:0 2px 6px #0000001f;text-align:center;transition:background .2s}.dialog-error .btnCloseError:hover,.dialog-error .button-close-error:hover,#divError .btnCloseError:hover,#divError .button-close-error:hover{background:#143463}}@media (orientation: landscape){.dialog-error,#divError{background:#ffd244;border-radius:2vw;padding:calc(var(--altura-real) * .04) calc(var(--ancho-real) * .05);max-width:calc(var(--ancho-real) * .65);width:calc(var(--ancho-real) * .6);min-height:calc(var(--altura-real) * .4);font-size:calc(var(--altura-real) * .045);color:#114c97;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 2px 8px #0000002e;margin:auto}.dialog-error .btnCloseError,.dialog-error .button-close-error,#divError .btnCloseError,#divError .button-close-error{background:#114c97;color:#fff;border-radius:3vw;border:none;font-size:calc(var(--altura-real) * .035);padding:calc(var(--altura-real) * .025) 0;width:80%;margin:2vh auto 0;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;box-shadow:0 2px 6px #0000001f;text-align:center;transition:background .2s}.dialog-error .btnCloseError:hover,.dialog-error .button-close-error:hover,#divError .btnCloseError:hover,#divError .button-close-error:hover{background:#143463}@keyframes enterRow2{0%{transform:translate(-100%)}to{transform:translate(-50vw)}}@keyframes slideRow2{0%{transform:translate(-50vw)}to{transform:translate(0)}}@keyframes enterRow1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideRow1{0%{transform:translate(0)}to{transform:translate(-50vw)}}}@media (orientation: portrait),(orientation: landscape){.screen5{display:flex;flex-direction:column;flex-wrap:nowrap}}