.quiz__logo__nav{position:absolute;top:30px;z-index:1000;a{display:block;img{display:block;height:110px;width:auto}}}#SlideQuiz{margin-top:0;.slideQuiz__wrapper{height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}}.quiz-start{width:100%;height:110vh;background-color:#ade8aa;position:absolute;top:0;left:0;z-index:3;.fruit__container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:4;filter:drop-shadow(20px 20px 30px rgba(0,0,0,.3))}.fruit-start{width:150px;height:auto;object-fit:contain!important;position:absolute;top:-150px;left:-150px;opacity:0}&:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;display:block;background-image:url(/bg_noise_b.jpg);background-size:40%;mix-blend-mode:color-burn;opacity:1}.column__1{width:100%;display:flex;align-items:center;justify-content:center;.init__wrapper{max-width:40vw;display:flex;flex-direction:column;align-items:center;justify-content:center;h1{color:var(--color-green);z-index:1;font-size:var(--size-md)}h2{text-align:center;position:relative;z-index:1;color:var(--color-blue);font-size:var(--size-xl)}p{position:relative;z-index:1;color:#efefef;text-align:center}.sobres__wrapper{position:relative;z-index:0;margin-bottom:50px;.sobre{width:auto;max-height:30vh;object-fit:contain;position:absolute;border-radius:6px;overflow:hidden;z-index:1;top:0%;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;&:first-child{position:relative;top:0;left:0;animation-name:sobre1}&:nth-child(2){animation-name:sobre2}&:nth-child(3){animation-name:sobre3}&:nth-child(4){animation-name:sobre4}}&:before{content:"";position:absolute;width:100%;height:auto;aspect-ratio:1/1;background:#f7ff96;background:radial-gradient(circle,#f8ffa8 -50%,#f7ff9600 40%);top:0%;left:0%;transform:scale(8);transform-origin:center}&:after{content:"";position:absolute;bottom:-75px;left:-0%;background-image:url(/init_shadow.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;width:100%;height:155px;opacity:.7}}.btn{margin-top:10px;z-index:1;background-color:var(--color-white);color:var(--color-blue);position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;line-height:0;padding:10px 10px 10px 20px;font-size:var(--size-sm);&:after{content:"";width:1.3em;height:1.3em;border-radius:100px;background-color:var(--color-blue);position:relative;background-image:url(/svg/btn_arrow.svg);background-size:60%;background-repeat:no-repeat;background-position:center}}.btnSmall{position:relative;z-index:1;font-size:var(--size-sm);display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:0;gap:0px;margin-top:34px;cursor:pointer}}}}@keyframes sobre1{0%{z-index:2}25%{z-index:2}26%{z-index:1}50%{z-index:1}51%{z-index:1}75%{z-index:1}76%{z-index:1}to{z-index:1}}@keyframes sobre2{0%{z-index:1}25%{z-index:1}26%{z-index:2}50%{z-index:2}51%{z-index:1}75%{z-index:1}76%{z-index:1}to{z-index:1}}@keyframes sobre3{0%{z-index:1}25%{z-index:1}26%{z-index:1}50%{z-index:1}51%{z-index:2}75%{z-index:2}76%{z-index:1}to{z-index:1}}@keyframes sobre4{0%{z-index:1}25%{z-index:1}26%{z-index:1}50%{z-index:1}51%{z-index:1}75%{z-index:1}76%{z-index:2}to{z-index:2}}.quiz-image{opacity:1;transition:opacity .4s ease}.quiz-image.fade-in{opacity:0}.fade-in{opacity:0;animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.quiz-container{min-height:100vh;width:100%;&:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;display:block;background-image:url(/bg_noise_b.jpg);background-size:40%;mix-blend-mode:color-burn;opacity:.3;z-index:1;pointer-events:none}&:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;display:block;background:#000;background:radial-gradient(circle,#0000 60%,#000);mix-blend-mode:overlay;opacity:.3;z-index:1;pointer-events:none}.transition-container{position:fixed;z-index:0;pointer-events:none;width:100%;height:100%;&:after{content:"";position:absolute;width:100%;height:100%;aspect-ratio:1/1;z-index:0;background:#f7ff96;background:radial-gradient(circle,#ffffffd7 -50%,#fff0 40%);top:0%;left:0%;transform-origin:center;mix-blend-mode:screen}}.transition-div{position:absolute;top:0;height:100%;width:0;transition:width .25s ease-out}.transition-div-0{width:100%!important}}.slideQuiz__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;position:relative}.question-title{font-size:var(--size-xl);font-weight:600;margin-bottom:0;text-align:center;color:var(--color-blue)}.options-slider-container{width:100%;max-width:27vw;margin:0 auto 2rem}.option-button{width:100%;transition:all .3s ease;cursor:pointer;margin:.5rem 0;text-align:center;font-family:var(--font-primary);font-size:var(--size-lg);color:var(--color-blue)}.splide__slide{display:flex;flex-direction:column;align-items:center;justify-content:center}.splide__arrow{background-color:transparent!important;outline:none!important;opacity:1!important;svg{fill:#fff!important}}.option-button:hover{color:var(--color-green-light)}.option-button.selected{color:var(--color-blue)}.navigation-buttons{display:flex;gap:30px;justify-content:center;margin-top:30px}.nav-button{padding:10px 20px;border:none;cursor:pointer;font-weight:600;transition:background-color .3s ease;border-radius:50px;background-color:var(--color-white);color:var(--color-blue);font-family:var(--font-primary);font-size:var(--size-sm);box-shadow:0 5px 10px #0003;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;line-height:0;&.next{padding-right:10px;&:after{content:"";width:1.3em;height:1.3em;border-radius:100px;background-color:var(--color-blue);position:relative;background-image:url(/svg/btn_arrow.svg);background-size:60%;background-repeat:no-repeat;background-position:center}}&.previous{padding-left:10px;&:before{content:"";width:1.3em;height:1.3em;border-radius:100px;background-color:var(--color-blue);position:relative;background-image:url(/svg/btn_arrow.svg);background-size:60%;background-repeat:no-repeat;background-position:center;transform:rotate(180deg)}}}.nav-button.previous:hover,.nav-button.next:hover{background-color:var(--color-green-light)}.nav-button:disabled{background-color:#e5e7eb;cursor:not-allowed;color:#9ca3af}.mainMask{position:relative;width:auto;aspect-ratio:1/1;border-radius:0;clip-path:url(#svgBlob);display:block;object-fit:contain;object-position:center;background-size:contain;background-position:center;transform-origin:center center;.mainMask-bg{position:absolute;width:104%;aspect-ratio:1/1;z-index:1}.rotativeCircleContainer{position:relative;width:20vw;aspect-ratio:1/1;left:50%;top:120%;transform:translate(-50%,-50%) scale(1.3);transform-origin:center;display:flex;justify-content:center;align-items:center;z-index:2;.svg__circle{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);animation-name:rota;animation-timing-function:linear;animation-duration:50s;animation-iteration-count:infinite}}.rotativeCircle{width:80%;aspect-ratio:1/1;border-radius:500px}}@keyframes rota{0%{transform:translate(-50%,-50%) scale(1.1) rotate(0)}to{transform:translate(-50%,-50%) scale(1.1) rotate(360deg)}}#blob2,#blob3{visibility:hidden}.quiz-result{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.results-container,.results-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;.results-content{padding:1rem;width:100%;height:100%}.results-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.results-score{font-size:1.25rem;margin-bottom:1rem}.reset-button{padding:.75rem 1.5rem;color:var(--color-blue-light);font-size:14px;text-decoration:underline;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}}.island__wrapper{position:relative;width:auto;height:auto;display:block}.option-mainSvg{position:absolute;height:75%;width:auto;aspect-ratio:1/1;z-index:6;bottom:18%;left:50%;transform:translate(-50%);pointer-events:none}.option-secondarySvgL{position:absolute;width:30%;height:auto;z-index:5;top:0%;left:0%}.option-secondarySvgR{position:absolute;width:30%;height:auto;z-index:5;top:0%;right:0%}.option-secondarySvg-1-1-1{width:30%;top:35%;left:-8%;animation-name:lateral;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}.option-secondarySvg-1-1-2{width:40%;top:20%;right:-20%;animation-name:lateral2;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes lateral{0%{transform:translate(0)}25%{transform:translate(15%)}50%{transform:translate(30%)}75%{transform:translate(15%)}to{transform:translate(0)}}@keyframes lateral2{0%{transform:translate(-15%)}25%{transform:translate(0)}50%{transform:translate(-15%)}75%{transform:translate(-30%)}to{transform:translate(-15%)}}@keyframes giro360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aparece{0%{opacity:1}15%{opacity:1}17%{opacity:0}18%{opacity:0}20%{opacity:1}45%{opacity:1}47%{opacity:0}48%{opacity:0}50%{opacity:1}85%{opacity:1}87%{opacity:0}88%{opacity:0}90%{opacity:1}}.quiz-content-wrapper{position:relative;overflow:hidden}.results-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:all;transform:translateY(100%);opacity:1;transition:transform .8s ease-out,opacity .8s ease-out;animation:slideInCurtain .8s ease forwards}.results-overlay.active{transform:translateY(0);opacity:1}.quiz-questions{position:relative;transition:filter .3s ease}.quiz-questions.blurred{filter:blur(2px)}@keyframes slideInCurtain{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}.quiz__result.fade-out{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.island-item{opacity:1;transition:transform .2s ease-out}.option-mainSvg-1-2{width:95%}.option-secondarySvg-1-2-1{width:25%;top:unset;bottom:8%;left:0%}.option-secondarySvg-1-2-2{width:40%;top:10%;right:-15%}.option-mainSvg-1-3{width:75%;bottom:8%}.option-secondarySvg-1-3-1{width:32%;top:unset;top:10%;left:-5%}.option-secondarySvg-1-3-2{width:18%;top:20%;right:0%}.option-mainSvg-1-4{width:85%;left:46%}.option-secondarySvg-1-4-1{width:32%;top:unset;bottom:10%;left:0%}.option-secondarySvg-1-4-2{width:18%;top:18%;right:0%}.option-mainSvg-2-1{bottom:9%;left:29%;height:85%}.option-secondarySvg-2-1-1{top:8%;left:unset;width:25%;right:20%;animation-name:giro360;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-2-1-2{top:34%;right:5%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-2-2{bottom:10%;left:40%;height:74%}.option-secondarySvg-2-2-1{top:8%;left:unset;width:25%;right:10%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-2-2-2{top:34%;right:0%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-2-3{bottom:12%;left:32%;height:82%}.option-secondarySvg-2-3-1{top:12%;left:unset;width:25%;right:30%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-2-3-2{top:23%;right:0%;width:40%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-2-4{bottom:11%;left:46%;height:79%}.option-secondarySvg-2-4-1{top:28%;left:5%;width:22%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-2-4-2{top:10%;right:0%;width:40%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-3-1{bottom:12%;left:40%;height:70%}.option-secondarySvg-3-1-1{top:40%;left:-8%;width:28%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-3-1-2{top:10%;right:0%;width:32%;animation-name:giro360;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-3-2{bottom:10%;left:50%;height:75%}.option-secondarySvg-3-2-1{top:35%;left:0%;width:28%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-3-2-2{top:15%;right:5%;width:40%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-3-3{bottom:12%;left:48%;height:65%}.option-secondarySvg-3-3-1{top:25%;left:-8%;width:28%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-3-3-2{top:6%;right:10%;width:28%;animation-name:giro360;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-3-4{bottom:10%;left:48%;height:65%}.option-secondarySvg-3-4-1{top:25%;left:-8%;width:28%;animation-name:aparece;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-3-4-2{top:6%;right:10%;width:28%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-4-1{bottom:10%;left:52%;height:75%}.option-secondarySvg-4-1-1{top:35%;left:2%;width:28%;animation-name:giro360;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-4-1-2{top:16%;right:0%;width:32%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-4-2{bottom:11%;left:50%;height:75%}.option-secondarySvg-4-2-1{top:35%;left:0%;width:18%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-4-2-2{top:16%;right:-12%;width:40%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-4-3{bottom:13%;left:40%;height:60%}.option-secondarySvg-4-3-1{top:30%;left:unset;right:5%;width:15%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-4-3-2{top:8%;right:18%;width:30%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-mainSvg-4-4{bottom:-5%;left:50%;height:70%}.option-secondarySvg-4-4-1{top:20%;left:-10%;width:45%;animation-name:lateral;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.option-secondarySvg-4-4-2{top:15%;right:-5%;width:35%;animation-name:lateral2;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear}.quiz__result{height:100vh;position:relative;margin-top:0;&:before{content:"";width:100%;height:100%;top:0;left:0;position:absolute;display:block;background-image:url(/bg_noise_b.jpg);background-size:40%;mix-blend-mode:color-burn;opacity:.5}.column__2{.col__left{padding:10% 5% 10% 15%;position:relative;.quiz__img__holder{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;.answer-mainFormCircle{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;border-radius:400px;box-shadow:1px 3px 8px #0003}img{position:relative;z-index:1;width:85%;height:85%;object-fit:contain;animation-name:giroResultado;animation-timing-function:ease-in-out;animation-duration:10s;animation-iteration-count:infinite}}}.col__right{align-items:flex-start;justify-content:center;padding:5% 15% 5% 5%;h3{font-size:var(--size-2xl);position:relative;z-index:1;&:before{content:"";position:absolute;width:130%;height:90%;top:5%;left:-25%;background-size:contain;background-repeat:no-repeat;z-index:-1}}h2{font-size:1.8vw}.btn{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:0;gap:10px;padding:10px 10px 10px 20px;&:after{content:"";width:1.3em;height:1.3em;border-radius:100px;background-color:var(--color-white);position:relative;background-image:url(/svg/btn_arrow_blue.svg);background-size:60%;background-repeat:no-repeat;background-position:center;transform:rotate(-90deg)}}button{font-size:var(--size-sm);display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:0;gap:0px;margin-top:15px;cursor:pointer;&:hover{text-decoration:underline}&:before{content:"";width:1.3em;height:1.3em;border-radius:100px;position:relative;background-image:url(/svg/btn_arrow_blue.svg);background-size:60%;background-repeat:no-repeat;background-position:center;transform:rotate(180deg)}}}}&.answer-0,&.answer-1,&.answer-2,&.answer-3{position:relative;.fruit,.leaf{position:absolute;width:18%;height:18%;object-fit:contain;top:0%;left:0%;z-index:1;animation-name:giroLento;animation-timing-function:linear;animation-iteration-count:infinite}.fruit1-0{top:-3%;left:unset;right:20%;animation-duration:20s}.fruit1-1{top:unset;bottom:-5%;left:unset;right:20%;animation-duration:45s;animation-direction:reverse}.fruit2-0{top:1%;left:5%;width:13%;height:13%;animation-duration:25s}.fruit2-1{top:unset;bottom:5%;left:1%;width:13%;height:13%;animation-duration:25s}.leaf1{top:10%;left:unset;right:0%;animation-duration:36s;animation-direction:reverse}.leaf2{top:25%;left:-2%;animation-duration:36s;animation-direction:reverse}}&.answer-0{.answer-mainFormCircle{background-color:#f2f6c5}.quiz__img__holder{img{filter:drop-shadow(2px 15px 25px rgba(69,82,47,.5))}}h3{&:before{background-image:url(/svg/scribble_limon.svg)}}}&.answer-2{&:before{opacity:.4}.answer-mainFormCircle{background-color:#ffd598}img{filter:drop-shadow(2px 15px 25px rgba(82,56,47,.5))}h3{&:before{background-image:url(/svg/scribble_durazno.svg)}}.btn{color:#f8d9ac;&:after{background-color:#c96227!important;background-image:url(/svg/btn_arrow.svg)!important}}button{&:before{background-image:url(/svg/btn_arrow.svg)!important}}}&.answer-3{&:before{opacity:.4}.answer-mainFormCircle{background-color:#fff6a4}img{filter:drop-shadow(12px 12px 20px rgba(0,0,0,.3))}h3{&:before{background-image:url(/svg/scribble_te_verde.svg)}}.btn{color:#f5f8c9;&:after{background-color:#889e34!important;background-image:url(/svg/btn_arrow.svg)!important}}button{&:before{background-image:url(/svg/btn_arrow.svg)!important}}}&.answer-1{.answer-mainFormCircle{background-color:#ffcab5}img{filter:drop-shadow(2px 15px 25px rgba(82,47,47,.5))}h3{&:before{background-image:url(/svg/scribble_frutos.svg)}}.btn{color:#ffd8d3;&:after{background-color:#ba3337!important;background-image:url(/svg/btn_arrow.svg)!important}}button{&:before{background-image:url(/svg/btn_arrow.svg)!important}}}}@keyframes giroResultado{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes giroLento{0%{transform:rotate(0)}to{transform:rotate(360deg)}}