@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body.promo-copos-template button,body.promo-copos-template button *,body.promo-copos-template [role=button],body.promo-copos-template [role=button] *,body.promo-copos-template .hint,body.promo-copos-template .hint *{cursor:pointer!important}html,body{overflow:hidden;height:100vh;background:#08a3e9;touch-action:manipulation;overscroll-behavior:none}.promo-password-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:2rem;background:#fff;color:#0a5eb5;font-family:Josefin Sans,sans-serif}.rv{opacity:0}.hero-layer{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.hero-img{height:100vh;width:auto;object-fit:contain;will-change:transform}.hero-text{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.hero-inner{pointer-events:auto;text-align:center;font-family:Josefin Sans,sans-serif;color:#fff;text-transform:uppercase;text-shadow:0 0 20px rgba(0,0,0,.1);line-height:1}.hero-heading{margin:0;color:inherit;font:inherit}.hero-kicker{display:block;font-size:4.5vw;font-weight:300;letter-spacing:.02em}.hero-title{display:block;font-size:17vw;font-weight:700;line-height:.95;padding-top:.08em}.hero-sub{font-size:1.4vw;font-weight:700;letter-spacing:.12em;margin:.43vw auto 4.05vw}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.8em;margin-top:0}.pill-action{border:none;cursor:pointer;color:#0a5eb5;font-weight:400;-webkit-tap-highlight-color:transparent}@media(hover:hover){.pill-action{transition:transform .25s ease,opacity .25s ease}.pill-action:hover{transform:translateY(-2px);opacity:.88}}.scrim{position:fixed;top:0;left:0;width:100%;height:100vh;background:#063a708c;z-index:19;opacity:0;pointer-events:none}.product-layer{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.product-layer .cup-photo{height:100vh;width:auto;object-fit:contain;will-change:transform}.product-text-layer{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:30}.product-text-wrapper{text-align:center;font-family:Josefin Sans,sans-serif;color:#fff;text-transform:uppercase;text-shadow:0 0 20px rgba(0,0,0,.1)}.product-pre{font-size:5.8vw;font-weight:300;line-height:1.2;margin-bottom:70px}.product-name{font-size:17vw;font-weight:700;line-height:1;padding-top:.25em;margin-top:-.25em}.product-post{font-size:5.8vw;font-weight:300;white-space:nowrap;line-height:1.2;margin-top:10px}.product-body{font-size:1.4vw;font-weight:300;line-height:1.6;margin-top:35px;letter-spacing:.03em;text-transform:none}.pill{font-family:Josefin Sans,sans-serif;font-size:1.4vw;font-weight:300;text-transform:none;letter-spacing:.05em;background:#fff;padding:.6em 1.5em;border-radius:100px;display:inline-block;text-shadow:none}.product-pill{margin-top:70px}.pill-nav{display:inline-flex;align-items:center;gap:1.3em;padding:.42em .42em .42em 1.6em;font-size:1.55vw;text-decoration:none}.pill-nav .rotulo{transform:translateY(.05em)}.disco{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.1em;height:2.1em;border-radius:50%;background:currentColor;border:2px solid currentColor}.disco svg{width:1em;height:1em;color:#fff}@media(hover:hover){.pill-nav:hover{transform:none;opacity:1}.disco{transition:background-color .3s ease}.disco svg{transition:color .3s ease,transform .3s ease}.pill-nav:hover .disco{background:transparent}.pill-nav:hover .disco svg{color:inherit}.pill-nav[data-dir=down]:hover .disco svg{transform:translateY(3px)}.pill-nav[data-dir=right]:hover .disco svg{transform:translate(3px)}.pill-nav[data-dir=out]:hover .disco svg{transform:translate(2.1px,-2.1px)}}.pill-secundaria .disco{background:transparent}.pill-secundaria .disco svg{color:inherit}@media(hover:hover){.pill-secundaria:hover .disco{background:currentColor}.pill-secundaria:hover .disco svg{color:#fff}}.art{--zoom: 170;--entra: 18;--fx: .5;position:absolute;width:calc(var(--zoom) * 1vw);left:calc(var(--fx) * (100vw - var(--zoom) * 1vw));pointer-events:none;z-index:3}.art img{display:block;width:100%;height:auto}.art-top{--zoom: 150;--entra: 11;--fx: .08;top:0}.art-bottom{--zoom: 175;--entra: 13;--fx: .92;bottom:0}.art-top img{transform:translateY(calc(-100% + var(--entra) * 1%))}.art-bottom img{transform:translateY(calc(100% - var(--entra) * 1%))}.product-layer .art-top{--zoom: 200;--entra: 13;--fx: 0}.product-layer .art-bottom{--zoom: 210;--entra: 15;--fx: 1}.hero-art{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none;z-index:3}.panel{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}#comoobter-panel{z-index:21}.panel-content{width:100%;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;text-align:center;font-family:Josefin Sans,sans-serif;color:#fff;scrollbar-width:none;-ms-overflow-style:none}.panel-content::-webkit-scrollbar{display:none;width:0;height:0}.panel-scrollbar{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(5px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:4px;z-index:3;overflow:hidden;border-radius:999px;background:#ffffff29;opacity:0;transition:opacity .25s ease;pointer-events:none}.panel-scrollbar.is-visible{opacity:1}.panel-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;min-height:44px;border-radius:inherit;background:#ffffffd1;box-shadow:0 0 10px #0a5eb547;will-change:transform,height}.panel-screen{min-height:100%;display:flex;flex-direction:column;justify-content:center;max-width:78vw;margin:0 auto;padding:5vh 0}.panel-title{font-size:5.8vw;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.03em;margin-bottom:1.5em}.steps{display:flex;align-items:stretch;gap:2.5vw;list-style:none;text-align:center}.step{--dia: 3vw;position:relative;flex:1;display:flex}.step-card{flex:1;display:flex;flex-direction:column;justify-content:flex-start;border:2px solid white;border-radius:16px;padding:calc(var(--dia) / 2 + 1.6em) 1.8em 2em;-webkit-mask:radial-gradient(circle at 50% 0,transparent calc(var(--dia) / 2),#000 calc(var(--dia) / 2));mask:radial-gradient(circle at 50% 0,transparent calc(var(--dia) / 2),#000 calc(var(--dia) / 2))}.step-num{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--dia);height:var(--dia);border:2px solid white;border-radius:50%;color:#fff;font-size:1.5vw;font-weight:700;line-height:1;padding-top:.13em}.step-title{font-size:2.2vw;font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:.5em}.step-body{font-size:1.4vw;font-weight:300;line-height:1.6}.step-highlight{align-self:center;margin-top:1.2em;padding:.55em 1.3em;border-radius:100px;background:#fff;color:#0a5eb5;font-size:1.5vw;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap}.faq-cta{margin-top:2.4em}.faq-section{max-width:78vw;margin:14vh auto 0;padding-bottom:6vh;scroll-margin-top:2vh}.faq-title{font-size:3.4vw;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.03em;margin-bottom:.8em}.faq{text-align:left;border-top:1px solid rgba(255,255,255,.35)}.faq-item{border-bottom:1px solid rgba(255,255,255,.35)}.faq-cabeca{font-size:inherit;font-weight:inherit}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1.5em;width:100%;padding:1.1em 0;background:none;border:none;color:inherit;font-family:inherit;font-size:1.6vw;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.faq-q:focus-visible{outline:2px solid white;outline-offset:4px;border-radius:4px}@media(hover:hover){.faq-q{transition:opacity .2s ease}.faq-q:hover{opacity:.72}}.faq-sinal{display:flex;flex:none;width:1.4em;height:1.4em;transition:transform .35s ease}.faq-sinal svg{width:100%;height:100%}.faq-q[aria-expanded=true] .faq-sinal{transform:rotate(180deg)}.faq-resposta{overflow:hidden}.faq-a{max-width:62ch;font-size:1.3vw;font-weight:300;line-height:1.7;padding-bottom:1.6em}.panel-back{position:fixed;left:40px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#fff;background:transparent;border:2px solid white;border-radius:50%;cursor:pointer;pointer-events:none;z-index:41;opacity:0;-webkit-tap-highlight-color:transparent}.panel-back *{pointer-events:none}@media(hover:hover){.panel-back svg{transition:transform .3s ease}.panel-back:hover svg{transform:translate(-3px)}}.hint{position:fixed;color:#fff;z-index:40;opacity:0;cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;padding:0;background:none;border:0;font:inherit}.pill-action:focus-visible,.panel-back:focus-visible,.hint:focus-visible,.a11y-focus-target:focus-visible{outline:3px solid white;outline-offset:5px}.a11y-focus-target:focus:not(:focus-visible){outline:none}.hint-down{bottom:40px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px}.hint-down:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px}.hint-label{font-family:Caveat,cursive;font-size:1.3rem;color:inherit;white-space:nowrap}.hint-pointer{display:none}@media(min-width:769px){.product-text-layer{justify-content:flex-start;padding-left:8vw}.product-text-wrapper{text-align:left;max-width:40vw}.product-name{font-size:5.8vw}.product-pre{font-size:2.2vw;margin-bottom:20px}.product-post{font-size:2.2vw}}@media(max-width:768px){.hint-mouse{display:none}.hint-pointer{display:block}.hero-kicker{font-size:5.5vw}.hero-title{font-size:22vw}.hero-sub{font-size:3.2vw;letter-spacing:.08em;max-width:80vw;text-wrap:balance;margin:2.9vw auto 7.36vw}.hero-actions{flex-direction:column;align-items:center;gap:.6em}.product-text-layer{align-items:stretch}.product-text-wrapper{display:flex;flex-direction:column;height:100dvh;padding:9dvh 0 0}.product-pre,.product-post,.product-body{font-weight:400}.product-pre{margin-bottom:15px}.product-body{align-self:center;max-width:84vw;margin-top:1.2em;font-size:3.8vw;line-height:1.55;text-shadow:0 0 30px var(--halo),0 0 12px var(--halo),0 1px 6px var(--halo)}.pill{font-size:3.6vw;font-weight:400;padding:.5em 1.2em}.pill-nav{padding:.4em .4em .4em 1.3em;gap:.8em}.product-pill{margin-top:auto;margin-bottom:25dvh;align-self:center}.panel{align-items:flex-start}#comoobter-panel:after{content:"";position:absolute;right:0;bottom:0;left:0;height:18dvh;z-index:40;background:linear-gradient(to bottom,#063a7000,#063a70 58%);pointer-events:none}.panel-content{max-width:88vw;max-height:88.5vh;padding-top:6vh;padding-bottom:6vh}.panel-scrollbar{right:max(3px,env(safe-area-inset-right));bottom:max(13dvh,env(safe-area-inset-bottom));width:3px}.panel-title{font-size:10vw}.steps{flex-direction:column;gap:9vw}.step{--dia: 10vw}.step-card{border-width:1px;padding:calc(var(--dia) / 2 + 1em) 1.2em 1.6em}.step-num{font-size:4.6vw;border-width:1px}.step-title{font-size:5vw}.step-body{font-size:3.6vw}.step-highlight{font-size:4.4vw}.faq-title{font-size:7.5vw}.faq-q{font-size:4.6vw}.faq-a{font-size:3.6vw}.faq-section{margin-top:10vh;padding-bottom:16dvh}.panel-back{left:5vw;top:auto;bottom:3vh;transform:none;border-width:1px;box-shadow:0 5px 16px #002b5b52}.hint-label{font-size:1.1rem}.art-top{--zoom: 290;--entra: 13}.art-bottom{--zoom: 320;--entra: 15}.product-layer .art-top{--zoom: 330;--entra: 13}.product-layer .art-bottom{--zoom: 360;--entra: 20}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){.hero-kicker,.hero-title{position:relative;top:-33dvh}.hero-sub{position:relative;top:-33dvh;line-height:1.35}#action-obter{order:-1}.hero-actions .pill-nav{width:18em;white-space:nowrap;justify-content:space-between}.hero-actions{position:fixed;right:0;bottom:max(4dvh,env(safe-area-inset-bottom));left:0;gap:.9em}}
