@font-face{font-family:Gill Sans;src:local(Gill Sans),url(../fonts/GillSansNova-Medium.ttf)format("truetype");font-weight:400}@font-face{font-family:Gill Sans;src:local(Gill Sans),url(../fonts/GillSansNova-SemiBold.ttf)format("truetype");font-weight:600}@font-face{font-family:Gill Sans;src:local(Gill Sans),url(../fonts/GillSansNova-Bold.ttf)format("truetype");font-weight:700}:root{--margin-left:10%;--fs-xxxl:4rem;--fs-xxl:2.5rem;--fs-xl:1.9rem;--fs-l:1.75rem;--fs-n:1.4rem;--fs-s:1.25rem;--animation-timer:.3s;--wv-orange:#ff6b00;--wv-orange-80:#f83;--wv-orange-60:#ffa666;--wv-orange-40:#ffc399;--wv-orange-20:#ffe1cc;--wv-black:#000;--wv-black-80:#333;--wv-black-60:#666;--wv-black-40:#999;--wv-black-20:#ccc;--wv-white:#fff;--wv-fieldGray:#cac4bb;--wv-maroon:#842e14;--wv-yellow:#fdd25f;--wv-purple:#9054a1;--wv-teal:#006661;--wv-green:#46bb95;--wv-blue:#00acca;--bg-color:#f6f6ec;--blue:#0569d8;--green:#00a482;--orange-10:#fff0e6;--red:red;--lt-green:#c2e0a0}html{font-size:28px}body{font-size:1.4rem;font-size:var(--fs-n);color:var(--wv-teal);background-color:#f6f6ec;background-color:var(--bg-color);touch-action:none;font-family:Gill Sans}*,:after,:before{box-sizing:border-box;margin:0;padding:0;position:relative}img,video{width:100%;display:block}#app{background-color:var(--wv-orange-10);place-content:center;width:100dvw;min-width:320px;height:100dvh;display:grid;overflow:hidden}#app:before,#app:after{content:"";background-color:#ff6b00;background-color:var(--wv-orange);width:100%;height:32px;max-height:32px;position:absolute;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}#app:before{top:0;-webkit-mask-image:url(../imgs/theme/border-triangle-top.svg);mask-image:url(../imgs/theme/border-triangle-top.svg)}#app:after{bottom:0;-webkit-mask-image:url(../imgs/theme/border-triangle-bottom.svg);mask-image:url(../imgs/theme/border-triangle-bottom.svg)}.text-wrapper{grid-gap:.5em;align-content:start;gap:.5em;display:grid}.text-wrapper .two-cols{grid-gap:2em;grid-template-columns:1fr 1fr;align-items:start;gap:2em;display:grid}.text-wrapper .col{grid-gap:1em;gap:1em;display:grid}.text-wrapper .col:not(:last-child){border-right:2px solid #006661;border-right:2px solid var(--wv-teal)}.text-wrapper:has(.scroll-container){grid-template-rows:auto auto 1fr;height:100%}.text-wrapper .scroll-container{align-items:start;height:100%;display:grid;overflow:hidden}.text-wrapper .scroll-container .scroll-bottom{grid-gap:.5em;align-content:start;gap:.5em;width:100%;min-height:100%;display:grid;position:absolute;bottom:0;left:0}.text-wrapper .scroll-container .scroll-bottom span{display:none}.text-wrapper .scroll-container .scroll-bottom span[data-show="1"]{display:block}.session-number,.session-question,.session-title,.title-up,.title{width:max-content}.session-number,.session-question{font-size:1.75rem;font-size:var(--fs-l);color:var(--wv-orange);font-weight:700}.session-title{font-size:1.25rem;font-size:var(--fs-s);color:var(--wv-white);z-index:1;padding:.5em 1.5em;font-weight:700}.session-title:after{content:"";background:#0569d8;background:var(--blue);z-index:-1;position:absolute;inset:0;transform:skewY(-4deg)}.session-objective-pre{font-size:1.4rem;font-size:var(--fs-n);color:var(--wv-teal)}.session-objective{font-size:1.4rem;font-size:var(--fs-n);color:var(--wv-orange)}.session-question{margin-top:.5em}.title-up{font-size:1.25rem;font-size:var(--fs-s);color:var(--wv-orange);font-weight:700}.title{font-size:1.9rem;font-size:var(--fs-xl);color:var(--wv-teal);margin-left:-.5em;font-weight:700}.text{color:var(--wv-teal)}.bold{font-weight:700}.orange{color:var(--wv-orange)}.teal{color:var(--wv-teal)}.blue{color:var(--blue)}.black{color:var(--wv-black)}.red{color:var(--red)}.fs-xxxl{font-size:4rem;font-size:var(--fs-xxxl)}.fs-xxl{font-size:2.5rem;font-size:var(--fs-xxl)}.fs-xl{font-size:1.9rem;font-size:var(--fs-xl)}.fs-l{font-size:1.75rem;font-size:var(--fs-l)}.fs-n{font-size:1.4rem;font-size:var(--fs-n)}.fs-s{font-size:1.25rem;font-size:var(--fs-s)}ul,ol{padding-left:1em}.ceci{width:12%}.mama{width:12.6%}.papa{width:13.2%}.hermano{width:11.1%}.amigo{width:16.2%}.amiga{width:11.5%}.abuelo{width:13.2%}.ceci,.mama,.papa,.hermano,.amigo,.amiga,.abuelo{transform-origin:bottom}@media (orientation:portrait){.text-wrapper .two-cols{gap:2em 1em}}.btn{color:var(--wv-white);width:max-content;background-color:#fff;background-color:var(--wv-white);z-index:11;cursor:pointer;pointer-events:none;border-radius:3em;justify-content:center;padding:.25em 1.5em .5em;font-size:1.5rem;transition:opacity .3s ease-in-out;display:flex;overflow:hidden}.btn>*{pointer-events:none}.btn:after{content:"";background-color:#ff6b00;background-color:var(--wv-orange);z-index:-1;border-radius:2.9em;position:absolute;inset:4px}.btn:before{content:"";opacity:0;background-color:#46bb95;background-color:var(--wv-green);z-index:-1;transition:opacity .2s ease-in-out;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn.btn-icon{aspect-ratio:1;width:2.5em;padding:.625em}.btn.btn-icon>img{aspect-ratio:1;height:1.25em}.btn.btn-icon.btn-icon-play>img{transform:translate(.1em)}.btn.btn-icon.btn-next>img,.btn.btn-icon.btn-prev>img,.btn.btn-icon.btn-restart>img{transform:translateY(-.05em)}.btn.btn-icon.btn-next>img{transform:translate(.1em)}.btn.btn-icon.btn-prev>img{transform:translate(-.1em)rotate(180deg)}.btn.btn-icon-text{grid-gap:.25em;grid-auto-flow:column;justify-content:center;align-items:center;gap:.25em;width:max-content;padding:.25em 1.5em .5em;display:grid}.btn.btn-icon-text>img{height:.8em;margin-top:.15em}.slides-nav{align-items:center;gap:1rem;display:flex}.slide-active .slides-nav{z-index:50;justify-content:flex-end;width:max-content;position:absolute;bottom:0;right:2rem}.slides-wrapper{transform-origin:50%;z-index:1;justify-content:center;align-items:center;width:1920px;height:1200px;margin:0 auto;display:flex}.slides{width:100%;height:100%;padding:48px 0;display:grid}.slides:before{content:"";opacity:.1;background-image:url(../imgs/logo.svg);background-position:50%;background-repeat:no-repeat;background-size:80%;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute}.slides:has(.slide-0.slide-active):before{opacity:1;background-position:95% 5%;background-size:20%}.slide{--_duration:0s;opacity:0;pointer-events:none;z-index:1;grid-area:1/1/-1/-1;width:100%;height:100%;display:none;overflow:hidden}.slide [data-el]{opacity:0;pointer-events:none;transition:opacity var(--_duration) ease-in-out}.slide .slide-content{width:100%;height:100%}.slide .slide-content>*{position:absolute}.slide .from-top,.slide .from-right,.slide .from-bottom,.slide .from-left,.slide .from-place{transition-property:width,height,top,right,bottom,left,transform,scale,translate,rotate,opacity;transition-duration:var(--_duration);transition-timing-function:ease-in}.slide .from-top{transform:translateY(-100%)}.slide .from-bottom{transform:translateY(100%)}.slide .from-left{transform:translate(-100%)}.slide .from-right{transform:translate(100%)}.slide .from-place{transform:translateY(50%)scale(.8)}.slide>.message-wrapper{position:absolute;inset:0}.slide-active{opacity:1;z-index:2;pointer-events:all;display:block}.slide-active [data-show="1"]{--_duration:.3s;opacity:1;pointer-events:all}.slide-active .from-top[data-show="1"],.slide-active .from-bottom[data-show="1"]{transform:translateY(0)}.slide-active .from-left[data-show="1"],.slide-active .from-right[data-show="1"]{transform:translate(0)}.slide-active .from-place[data-show="1"]{transform:translateY(0)scale(1)}[data-game]{transition:all .3s ease-in-out}@media (orientation:portrait){.slides-wrapper{width:1200px;height:1920px}}.worm-wrapper{aspect-ratio:1.93;width:64%;margin-left:auto;margin-right:auto;display:grid;bottom:2%;left:18%;overflow:hidden}.worm-wrapper .worm-bg{place-self:center}.worm-wrapper .worm-plant-1{width:39%;position:absolute;top:22%;left:0}.worm-wrapper .worm-plant-2{width:37%;position:absolute;top:19%;left:40%}.worm-wrapper .worm-plant-3{width:32%;position:absolute;top:23%;left:60%}@media (orientation:portrait){.worm-wrapper{width:100%;bottom:20%;left:0}}.worm{--worm-duration:13;--worm-duration-seconds:calc(var(--worm-duration) * 1s);--worm-count:calc(var(--worm-duration) - 2);--worm-speed:calc(var(--worm-duration-seconds) / 10);--worm-section-delay:calc(var(--worm-speed) / 2);--worm-distance:11%;--worm-left:10%;--worm-walk-rotation:5deg;aspect-ratio:390/100;width:100%;position:absolute;bottom:20%;right:0;transition-property:transform!important;transition-timing-function:linear!important}.worm .worm-head{width:17%;position:absolute;bottom:10%;left:0}.worm .worm-part{width:13%;position:absolute;bottom:0}.worm .worm-part-1{left:calc(var(--worm-left))}.worm .worm-part-2{left:calc(var(--worm-distance) + var(--worm-left))}.worm .worm-part-3{left:calc(var(--worm-distance) * 2 + var(--worm-left))}.worm .worm-part-4{left:calc(var(--worm-distance) * 3 + var(--worm-left))}.worm .worm-part-5{left:calc(var(--worm-distance) * 4 + var(--worm-left))}.worm .worm-part-6{left:calc(var(--worm-distance) * 5 + var(--worm-left))}.worm .worm-part-7{left:calc(var(--worm-distance) * 6 + var(--worm-left))}.worm .worm-part-8{left:calc(var(--worm-distance) * 7 + var(--worm-left))}.worm[data-show="1"] .worm-head{animation:head-walk var(--worm-speed) ease-in-out var(--worm-count), head-up 1s linear var(--worm-duration-seconds) 1 forwards}.worm[data-show="1"] .worm-part{animation:worm-walk var(--worm-speed) ease-in-out 0s var(--worm-count) forwards}.worm[data-show="1"] .worm-part-1{animation:worm-walk var(--worm-speed) ease-in-out 0s var(--worm-count) forwards, front-up 1s linear var(--worm-duration-seconds) 1 forwards}.worm[data-show="1"] .worm-part:nth-child(odd){animation-delay:var(--worm-section-delay)}@keyframes head-walk{0%{bottom:10%}25%{transform:rotate(calc(var(--worm-walk-rotation) * -1))}50%{bottom:15%}75%{transform:rotate(var(--worm-walk-rotation))}to{bottom:10%}}@keyframes head-up{to{bottom:38%}}@keyframes front-up{to{bottom:10%;transform:rotate(25deg)}}@keyframes worm-walk{0%{bottom:0}25%{transform:rotate(calc(var(--worm-walk-rotation) * -1))}50%{bottom:2%}75%{transform:rotate(var(--worm-walk-rotation))}to{bottom:0}}.diario .text-wrapper{grid-gap:.5em;gap:.5em;width:80%;display:grid;top:10%;left:10%}.diario .mariposa{opacity:1;width:3%;transition-timing-function:linear;top:18%;right:0}.diario .ceci,.diario .mama,.diario .papa,.diario .hermano,.diario .amigo,.diario .amiga,.diario .abuelo{bottom:15%}.diario .amigo,.diario .amiga,.diario .abuelo{scale:-1 1}.diario.slide-active .mariposa[data-show="1"]{right:30%}@media (width<=800px) or (orientation:portrait){.diario.slide-active .mariposa[data-show="1"]{width:5%;top:65%;right:75%}}.splash .slide-content>img{position:absolute;bottom:20%}.splash .slide-content .center-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:20%;display:flex;position:absolute;bottom:15%;left:40%}.splash .slide-content .center-wrapper .text{text-align:center}.splash .slide-content .center-wrapper .btn-start{position:relative;transform:translate(0)}.splash .slide-content .ceci{width:10%;right:30%}.splash .slide-content .mama{width:10.5%;right:20%}.splash .slide-content .papa{width:11%;right:8%}.splash .slide-content .hermano{width:9.25%;left:30.5%}.splash .slide-content .amigo{width:13.5%;left:17.5%}.splash .slide-content .amiga{width:10%;left:11.5%}.splash .slide-content .abuelo{width:11%;left:3.5%}@media (orientation:portrait){.splash .slide-content>img{position:absolute;bottom:55%}.splash .slide-content .center-wrapper{width:30%;bottom:15%;left:35%}.splash .slide-content .ceci{width:18%;bottom:19%;right:10%}.splash .slide-content .mama{width:18%;right:25%}.splash .slide-content .papa{width:19.8%;right:5%}.splash .slide-content .hermano{width:16.6%;bottom:19%;left:10%}.splash .slide-content .amigo{width:24.3%;left:35%}.splash .slide-content .amiga{width:18%;left:21.5%}.splash .slide-content .abuelo{width:19.8%;left:5%}}.slide-1 .show-ceci{top:0}.slide-1>img{position:absolute;bottom:10%}.slide-1 .text-wrapper{width:90%;top:0%;left:10%}@media (orientation:portrait){.slide-1 .show-ceci{top:10%}.slide-1 .text-wrapper{top:15%;left:5%}}.show-ceci{--_width:240px;--_top:calc(var(--_width) / 18);width:240px;width:var(--_width);height:253.333px;height:calc(var(--_width) + var(--_top));z-index:50;position:absolute;top:0;right:3%}.show-ceci>:first-child{border-bottom-left-radius:calc(var(--_width) / 2);border-bottom-right-radius:calc(var(--_width) / 2);position:absolute;inset:0;overflow:hidden}.show-ceci-img{width:80%;left:11%;transform:translateY(100%)}.ceci-btns{cursor:pointer;display:grid;position:absolute;bottom:0;right:0;overflow:hidden;transform:translateY(50%)}.ceci-btns>*{pointer-events:none;grid-area:1/1/-1/-1}.ceci-btns[data-status=play] .btn-icon-play{transform:translate(-100%)}.ceci-btns[data-status=pause] .btn-icon-pause{transform:translate(100%)}.slide-active .show-ceci-img[data-show="1"]{transform:translateY(calc(var(--_top) * -1))}.show-ceci-circle{width:var(--_width);height:var(--_width);background-color:var(--wv-orange-20);border-radius:50%;position:absolute;bottom:0}.show-ceci-circle:before,.show-ceci-circle:after{content:"";border:calc(var(--_width) / 18) solid var(--wv-orange);border-radius:50%;position:absolute;inset:0}.show-ceci-circle:after{border-top-color:#0000;border-left-color:#0000;transform:rotate(45deg)}.message-wrapper{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9;background-color:#fff0;grid-area:wrapper;place-content:center;width:100%;height:100%;display:grid}.message{border:.3em solid var(--wv-orange);background-color:#f6f6ecbb;border-radius:1em;min-width:320px;max-width:800px;overflow:hidden}.message-title{font-size:var(--fs-l);color:var(--wv-white);background-color:var(--wv-orange);padding:.75em 2em 1em}.message-text{padding:1.75em 2em 2em}.message-btns{flex-wrap:wrap;justify-content:center;gap:1em;padding:0 2em 2em;display:flex}.message-btns .btn{pointer-events:none;filter:grayscale();flex-grow:0}.message-wrapper[data-btns="1"] .message-btns .btn{pointer-events:all;filter:grayscale(0)}