@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wdth,wght@75..100,300..800&display=swap";*{-webkit-user-select:none;user-select:none}:root{--xTop: 0px;--xLeft: 0px}html{overscroll-behavior:contain;touch-action:none;background-color:#000}body{padding-top:var(--xTop);padding-left:var(--xLeft)}#app{position:relative;height:calc(var(--vh, 1vh) * 100 - var(--xTop));width:calc(100vw - var(--xLeft));overflow:hidden}html,body,body *,*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body,html,h6,h5,h4,h3,h2,h1,p{font-family:Open Sans,sans-serif;font-size:16px;font-weight:500;line-height:normal}canvas{display:block}img{display:inline-block;max-width:100%}a{outline:none;text-decoration:none;cursor:pointer}a:hover{text-decoration:none}a,button{outline:none}ul,ol{padding:0;margin:0;list-style:none}input:focus,textarea:focus,a:focus{outline:none}picture{line-height:0}iframe[sandbox]{transform:scale(1)}a[href^=tel]{color:inherit;text-decoration:none}#device-rotated{display:none;position:absolute;z-index:9;width:100%;height:100%;top:0;left:0;background:#000;color:#fff}#device-rotated img{width:70px;height:70px;display:block;margin:0 auto 15px}#device-rotated span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;font-size:1.5em;font-weight:700;text-align:center}@media (orientation: landscape){#device-rotated.mobile{display:block}}@keyframes loader-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{position:absolute;z-index:10;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#000}.loader-image{position:absolute;left:50%;transform:translate(-50%,-50%);top:20%;width:100px;object-fit:contain;aspect-ratio:1/1.1}@media (min-width: 991px){.loader-image{width:150px}}.loader-value{position:absolute;left:50%;transform:translate(-50%,-50%);top:80%;font-weight:500;font-size:2em;line-height:1em;text-align:center;color:#fff}.loader-circle{position:absolute;left:50%;transform:translate(-50%,-50%);top:80%;width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 0 3px #fff3}.loader-circle .line-mask{position:absolute;width:50px;height:150px;overflow:hidden;transform-origin:75px 75px;mask-image:linear-gradient(top,#000,#0000);-webkit-mask-image:-webkit-linear-gradient(top,rgb(0,0,0),rgba(0,0,0,0));animation:loader-rotate 1.2s infinite linear}.loader-circle .line-mask .line{width:150px;height:150px;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff80}#content-home{position:relative;width:100%;height:100%;background:#00f;color:#fff}.wwf-logo{position:absolute;z-index:2;top:0;left:25px;width:120px;aspect-ratio:1/1.1}@media (max-width: 991px){.wwf-logo{left:15px;width:100px}}@media (max-width: 480px){.wwf-logo{width:75px}}.left_logos{position:absolute;z-index:2;top:0;right:0;height:100px;display:flex;justify-content:center;align-items:center;gap:30px;border-radius:12px 0 12px 12px;padding:0 30px;background:#fff}@media (max-width: 991px){.left_logos{height:80px}}@media (max-width: 480px){.left_logos{height:60px;gap:20px;padding:0 15px}}.left_logos img{height:60%}div[class*=-screen]{position:absolute;top:0;left:0;width:100%;height:100%}div[class*=-screen] .screen-content{position:absolute;left:50%;transform:translate(-50%);bottom:40px;display:flex;flex-flow:column nowrap;text-align:center;gap:15px;width:90%;max-width:600px;transition:bottom .6s ease-out 0s}div[class*=-screen] .screen-content .step-number{display:flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:50%;margin:0 auto -10px;background-color:#ed1c27;font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.5em}div[class*=-screen] .screen-content h2{margin:-14px auto 0;width:85%;font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.65em;letter-spacing:.01em;text-shadow:-1px 4px 12px rgba(70,0,0,.3);background:#ed1c2799;padding:12px 0;border-radius:10px}@media (max-width: 480px){div[class*=-screen] .screen-content h2{font-size:1.4em}}div[class*=-screen] .screen-content .step-options{cursor:pointer}div[class*=-screen] .screen-content .step-options div[data-step]{border:3px solid white;border-radius:10px;background:#fff}div[class*=-screen] .screen-content .step-options div[data-step].active{background:#ed1c27}div[class*=-screen] .screen-content .step-options div[data-step].active svg{fill:#fff}div[class*=-screen] .screen-content .step-options div[data-step].active p{color:#fff}div[class*=-screen] .screen-content .step-options div[data-step] img,div[class*=-screen] .screen-content .step-options div[data-step] svg{display:block;width:46px;height:46px}div[class*=-screen] .screen-content .step-options div[data-step] svg{fill:#ed1c27}div[class*=-screen] .screen-content .step-options div[data-step] p{font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.1em;letter-spacing:-.02em;color:#444}.last-screen .donations-content .buttons-container .donation-button,.secundario-button,.principal-button{display:flex;justify-content:center;align-items:center;background:#ed1c27;width:260px;height:42px;border-radius:10px;font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.35em;color:#fff;cursor:pointer;transition:bottom .6s ease-out 0s}.principal-button{position:absolute;left:50%;transform:translate(-50%);bottom:50px}.secundario-button{position:absolute;left:50%;transform:translate(-50%);bottom:50px;background:#94c11e;width:220px;font-size:1.15em;color:#fff}.initial-screen span{position:absolute;display:block;width:80%;max-width:600px;border-radius:15px;padding:40px 35px 50px 60px;background-color:#000000bf;top:0;left:115px}.initial-screen span h1{font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.9em;margin-bottom:20px;text-shadow:-1px 4px 12px rgba(0,50,73,.3)}.initial-screen span p{font-optical-sizing:auto;font-style:normal;font-weight:600;font-variation-settings:"wdth" 100;line-height:1.25em;font-size:1em;font-weight:100}.initial-screen span p b{font-weight:600;display:block;margin-top:5px}@media (max-width: 991px){.initial-screen span{left:0;width:95%;max-width:650px;padding:130px 30px 30px 40px;border-radius:0 0 15px 15px}.initial-screen span h1{font-size:1.7em;margin-bottom:15px}.initial-screen span p{font-size:.95em}}@media (max-width: 480px){.initial-screen span{width:100%;padding:100px 25px 30px 30px}.initial-screen span h1{font-size:1.3em}.initial-screen span p{font-size:.85em}}.first-screen{display:none;opacity:0}.first-screen .step-options{display:flex;gap:0 8px}.first-screen .step-options div{flex:1 1 0px;padding:12px 0}.first-screen .step-options div svg{margin:0 auto 5px}.first-screen .principal-button{bottom:-50px}.second-screen{display:none;opacity:0}.second-screen h2{background:#ed1c27bf!important}.second-screen .step-options{display:flex;flex-flow:row wrap;gap:8px}.second-screen .step-options div[data-step]{flex:1 1 30%;padding:6px 0;display:flex;justify-content:center;align-items:center}@media (max-width: 480px){.second-screen .step-options div[data-step] svg{width:36px!important;height:36px!important}}.second-screen .step-options div[data-step] p{width:50%;font-size:2.15em!important}.second-screen .step-options div[data-step] p:after{content:"días";display:block;font-size:.5em;line-height:1.1em}.second-screen .principal-button{bottom:-50px}.third-screen{display:none;opacity:0}.third-screen h2{padding:12px 35px!important}@media (max-width: 480px){.third-screen h2{padding:12px 10px!important}}.third-screen .step-options{display:flex;flex-flow:row wrap;gap:8px}.third-screen .step-options div[data-step]{flex:1 1 30%;padding:6px 0;display:flex;justify-content:center;align-items:center}.third-screen .step-options div[data-step] p{width:50%;font-size:2.15em!important}.third-screen .step-options div[data-step] p:after{content:"personas";display:block;font-size:.4em;line-height:1.1em}.third-screen .step-options div[data-step]:first-child p:after{content:"persona"}.third-screen .step-options div[data-step]:nth-child(5) svg{width:56px!important;height:56px!important}.third-screen .principal-button{bottom:-50px}.last-screen{display:none;opacity:0}.last-screen .last-content{position:absolute;left:50%;transform:translate(-50%);top:17%;width:86%;max-width:700px;text-align:center;background:#000000a6;padding:0 35px 20px;border-radius:15px}@media (max-width: 1367px){.last-screen .last-content{top:17%}}@media (max-width: 480px){.last-screen .last-content{top:160px;width:100%;padding:0 0 20px;border-radius:0}}.last-screen .last-content .principal-value{width:320px;margin:-70px auto 20px;padding:15px 15px 20px;background:#fff url(/assets/images/detail_bg.png) center bottom/contain no-repeat;border-radius:10px;text-align:center;color:#444}.last-screen .last-content .principal-value p{font-weight:100;font-size:1.15em;line-height:.95em}.last-screen .last-content .principal-value .co2-value{font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 100;font-size:4em;letter-spacing:-.025em;line-height:.95em;display:flex;justify-content:center;padding-top:5px}.last-screen .last-content .principal-value .co2-value:after{content:"kg/CO2e";font-size:.3em}@media (max-width: 480px){.last-screen .last-content .principal-value{width:280px;background-position:center 115%;margin-top:-50px;padding:15px 0}.last-screen .last-content .principal-value p{font-size:1em}.last-screen .last-content .principal-value .co2-value{font-size:3em}}.last-screen .last-content h3{font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:1.75em;margin-bottom:10px}.last-screen .last-content p{font-size:1em;line-height:1.1em}.last-screen .last-content b{display:block;margin-top:5px}@media (max-width: 480px){.last-screen .last-content h3{font-size:1.5em;margin-bottom:5px;padding:0 20px}.last-screen .last-content p{font-size:.9em;line-height:1.1em;padding:0 20px}}.last-screen .donations-content{position:absolute;left:50%;transform:translate(-50%);bottom:50px;width:86%;max-width:700px;text-align:center}@media (max-width: 480px){.last-screen .donations-content{bottom:30px}}.last-screen .donations-content h3{font-optical-sizing:auto;font-style:normal;font-weight:700;font-variation-settings:"wdth" 75;text-transform:uppercase;line-height:1em;font-size:2em;margin:0 auto -5px;background:#000000a6;padding:8px 0 12px;width:80%;border-radius:12px}@media (max-width: 480px){.last-screen .donations-content h3{width:90%;font-size:1.5em}}.last-screen .donations-content .buttons-container{width:90%;margin:0 auto;justify-content:center;display:flex;gap:20px}@media (max-width: 480px){.last-screen .donations-content .buttons-container{width:100%;gap:15px}}.last-screen .donations-content .buttons-container .donation-button{flex:0 0 auto}.last-screen .donations-content .terminos-condiciones{font-size:1em;margin:10px auto -5px;width:80%;background:#fffc;color:#444;padding:8px 0 12px;border-radius:12px}.last-screen .donations-content .terminos-condiciones a{color:#ed1c27;text-decoration:underline}.last-screen .donations-content .terminos-condiciones label{padding-left:25px;position:relative}.last-screen .donations-content .terminos-condiciones label:before{content:"";display:block;width:20px;height:20px;border-radius:4px;background:#fff;position:absolute;left:0;top:50%;border:2px solid #ED1C27;transition:all .3s ease-in-out;transform:translateY(-50%)}.last-screen .donations-content .terminos-condiciones input[type=checkbox]{display:none}.last-screen .donations-content .terminos-condiciones input[type=checkbox]:checked+label:before{background:#ed1c27 url(/assets/images/icon-check.png) center center/contain no-repeat}.last-screen .donations-content .terminos-condiciones .error-message{color:#ed1c27;font-size:.9em;margin-top:5px}