/* Inauguração: mais um milkshake por mais R$ 1 é o benefício principal. */
.campaign-benefit{display:grid;grid-template-columns:max-content max-content;column-gap:18px;row-gap:5px;align-items:center;width:max-content;max-width:100%;letter-spacing:-.055em;line-height:1}
.campaign-benefit .benefit-lead{grid-column:1/-1;font-size:18px;line-height:1.2;letter-spacing:-.015em;font-weight:650}
.campaign-benefit .benefit-price{display:block;position:relative;font-size:104px;font-weight:950;letter-spacing:-.09em;line-height:.9;color:var(--pink);white-space:nowrap}
.benefit-comma{font-size:.5em;letter-spacing:-.12em}
.campaign-benefit .benefit-copy{display:block;font-size:39px;font-weight:850;line-height:1.04;letter-spacing:-.06em}
.campaign-benefit .benefit-copy em{font-style:normal;white-space:nowrap}
.hero .hero-launch-label{display:block;font-size:10px;line-height:1.2;letter-spacing:.14em;font-weight:850;color:#ffd7e6}
.hero .hero-base-offer{font-size:23px;line-height:1.15;margin-top:13px;max-width:none;letter-spacing:-.035em}
.hero-base-offer strong{font-weight:850;white-space:nowrap}
html[data-theme="normal"] .hero h1.campaign-benefit{font-size:inherit;max-width:100%;transform:none;margin-top:26px}
.hero .campaign-benefit .benefit-price{font-size:96px}
.hero .campaign-benefit .benefit-copy{font-size:38px}
.hero .campaign-benefit .marker:after{bottom:-.17em}
.hero .hero-copy .button{margin-top:32px}
.hero-cup-note{display:block;margin-top:13px;font-size:11px;line-height:1.2;color:#fff3e9ba;letter-spacing:-.015em}
.launch-combo{background:#fff0e6;color:#1b1215}
.combo-layout{display:grid;grid-template-columns:43% 57%;align-items:center;padding-block:60px}
.combo-copy{position:relative;z-index:2}
.combo-kicker{display:block;color:#a72d5c;font-size:10px;font-weight:850;letter-spacing:.13em;line-height:1.2;margin-bottom:16px}
.combo-base-offer{font-size:23px;line-height:1.15;letter-spacing:-.04em}
.combo-base-offer strong{font-weight:850;white-space:nowrap}
.combo-copy .campaign-benefit{margin-top:29px}
.combo-copy .benefit-copy em{color:var(--pink)}
.combo-copy .combo-support{margin-top:30px;font-size:16px;line-height:1.35;letter-spacing:-.025em;max-width:420px}
.combo-actions{display:flex;align-items:center;gap:22px;margin-top:27px;flex-wrap:wrap}
.combo-actions .button{min-height:48px;font-size:13px;padding:13px 23px}
.combo-flavors-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:#a02351;white-space:nowrap}
.combo-flavors-link:hover{color:var(--pink)}
.combo-flavors-link svg{width:18px;height:18px}
.combo-visual{position:relative;width:100%;aspect-ratio:1.72/1;max-height:540px;isolation:isolate}
.combo-disc{position:absolute;left:5%;top:2%;width:95%;height:92%;border-radius:50%;background:radial-gradient(ellipse at 60% 45%,#f675a070,#f675a014 63%,transparent 72%);transform:rotate(-11deg);z-index:-1}
.combo-cup{display:block;position:absolute;aspect-ratio:1/2;width:auto;transform-origin:50% 85%;filter:drop-shadow(0 12px 9px #40201d13)}
.combo-cup-one{height:76%;left:3%;bottom:12%;transform:rotate(-13deg);z-index:1}
.combo-cup-two{height:82%;left:20%;bottom:16%;transform:rotate(-6deg);z-index:2}
.combo-cup-three{height:85%;left:38%;bottom:18%;z-index:3}
.combo-cup-four{height:81%;left:56%;bottom:15%;transform:rotate(7deg);z-index:2}
.combo-cup-five{height:88%;left:74%;bottom:11%;transform:rotate(10deg);z-index:4}
.combo-cup-five:before{content:'';position:absolute;inset:17% -12% -3%;border-radius:50%;background:#ec176b20;box-shadow:0 0 35px 20px #ec176b12;z-index:-1}
.combo-extra-stamp{position:absolute;right:-1%;top:-8%;width:109px;height:109px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--pink);color:#fff9f3;border:3px solid #fff0e6;border-radius:50%;transform:rotate(8deg);z-index:5;box-shadow:0 7px 23px #ec176b30}
.combo-extra-stamp small{font-size:9px;line-height:1;font-weight:800;letter-spacing:.025em}
.combo-extra-stamp strong{font-size:29px;line-height:1;letter-spacing:-.07em;font-weight:900;white-space:nowrap}
.combo-visual-caption{position:absolute;left:8%;right:0;bottom:0;text-align:center;font-size:9px;font-weight:850;letter-spacing:.12em;color:#a8325c}
@media(min-width:1101px){
 .hero .site-header{left:calc(var(--edge) + 30px)}
 .hero .brand{width:clamp(140px,11vw,170px)}
 .hero .hero-copy{width:calc(100% - 2 * var(--edge) - 30px);margin-left:calc(var(--edge) + 30px);margin-right:var(--edge);padding-top:clamp(70px,12svh,110px);padding-bottom:0}
 .hero .scroll-cue{left:calc(var(--edge) + 30px)}
}
@media(min-width:701px) and (max-width:1100px){
 .hero .hero-base-offer{font-size:21px}
 .hero .campaign-benefit .benefit-price{font-size:82px}
 .hero .campaign-benefit .benefit-copy{font-size:32px}
 .combo-layout{grid-template-columns:43% 57%;padding-block:50px}
 .combo-kicker{font-size:9px}
 .combo-base-offer{font-size:20px}
 .combo-copy .campaign-benefit{column-gap:12px;margin-top:25px}
 .combo-copy .benefit-price{font-size:80px}
 .combo-copy .benefit-copy{font-size:29px}
 .combo-copy .benefit-lead{font-size:16px}
 .combo-copy .combo-support{font-size:14px;margin-top:25px}
 .combo-actions{gap:17px;margin-top:24px}
 .combo-actions .button{font-size:11px;min-height:44px;padding:12px 18px}
 .combo-flavors-link{font-size:11px;gap:6px}
 .combo-extra-stamp{width:87px;height:87px;top:-12%}
 .combo-extra-stamp strong{font-size:24px}
 .combo-extra-stamp small{font-size:7px}
}
@media(min-width:701px) and (max-aspect-ratio:1/1){
 .hero .hero-copy{padding-bottom:120px}
 .combo-layout{grid-template-columns:1fr;gap:60px;padding-block:65px}
 .combo-copy{width:100%;max-width:560px}
 .combo-base-offer{font-size:24px}
 .combo-copy .benefit-price{font-size:111px}
 .combo-copy .benefit-copy{font-size:44px}
 .combo-copy .benefit-lead{font-size:19px}
 .combo-copy .campaign-benefit{column-gap:20px}
 .combo-copy .combo-support{font-size:18px}
 .combo-actions .button{font-size:14px;min-height:47px}
 .combo-visual{width:94%;max-width:630px;justify-self:center}
}
@media(max-width:700px){
 .hero .hero-launch-label{font-size:8px;letter-spacing:.11em}
 .hero .hero-base-offer{font-size:18px;margin-top:12px}
 html[data-theme="normal"] .hero h1.campaign-benefit{margin-top:23px;column-gap:12px;row-gap:7px}
 .hero .campaign-benefit .benefit-lead{font-size:15px}
 .hero .campaign-benefit .benefit-price{font-size:75px}
 .hero .campaign-benefit .benefit-copy{font-size:29px}
 .hero .hero-copy .button{margin-top:29px;min-width:180px;min-height:46px;font-size:13px;padding:12px 23px}
 .hero-cup-note{font-size:9px;margin-top:12px}
 .combo-layout{grid-template-columns:1fr;gap:36px;padding-block:45px}
 .combo-kicker{font-size:8px;margin-bottom:13px}
 .combo-base-offer{font-size:19px}
 .combo-copy .campaign-benefit{column-gap:12px;row-gap:5px;margin-top:25px}
 .combo-copy .benefit-lead{font-size:15px}
 .combo-copy .benefit-price{font-size:78px}
 .combo-copy .benefit-copy{font-size:29px}
 .combo-copy .combo-support{font-size:13px;line-height:1.3;margin-top:25px}
 .combo-actions{margin-top:22px;gap:16px}
 .combo-actions .button{font-size:11px;min-height:43px;padding:12px 17px}
 .combo-flavors-link{font-size:11px;gap:6px}
 .combo-visual{width:94%;justify-self:center;max-height:29svh}
 .combo-cup-one{left:3%;height:76%}
 .combo-extra-stamp{width:72px;height:72px;right:-2%;top:-12%;border-width:2px;gap:4px}
 .combo-extra-stamp small{font-size:6px}
 .combo-extra-stamp strong{font-size:21px}
 .combo-visual-caption{font-size:6px;left:0;letter-spacing:.06em}
}
@media(max-width:380px){
 .hero .hero-base-offer{font-size:17px}
 .hero .campaign-benefit .benefit-price{font-size:62px}
 .hero .campaign-benefit .benefit-copy{font-size:25px}
 html[data-theme="normal"] .hero h1.campaign-benefit{column-gap:9px}
 .hero .hero-copy .button{margin-top:25px;min-height:43px;font-size:12px}
 .combo-layout{gap:30px;padding-block:32px}
 .combo-base-offer{font-size:17px}
 .combo-copy .campaign-benefit{margin-top:23px;column-gap:10px}
 .combo-copy .benefit-price{font-size:63px}
 .combo-copy .benefit-copy{font-size:25px}
 .combo-copy .benefit-lead{font-size:14px}
 .combo-copy .combo-support{font-size:12px;margin-top:22px}
 .combo-actions{gap:14px;margin-top:20px}
 .combo-actions .button{min-height:40px;font-size:10px;padding:11px 14px}
 .combo-flavors-link{font-size:10px;gap:5px}
 .combo-extra-stamp{width:61px;height:61px;top:-16%;gap:3px}
 .combo-extra-stamp strong{font-size:18px}
 .combo-extra-stamp small{font-size:5px}
}
@media(min-width:1101px) and (max-height:620px){
 .hero .brand{width:120px}
 .hero .site-header{padding-top:20px}
 .hero .hero-base-offer{font-size:21px}
 .hero .campaign-benefit .benefit-price{font-size:88px}
 .hero .campaign-benefit .benefit-copy{font-size:35px}
 .hero .hero-copy .button{margin-top:27px;min-height:48px;font-size:14px;padding:13px 24px}
}
@media(max-height:620px) and (min-width:701px){
 .combo-layout{padding-block:35px}
 .combo-kicker{font-size:8px;margin-bottom:14px}
 .combo-base-offer{font-size:20px}
 .combo-copy .benefit-price{font-size:88px}
 .combo-copy .benefit-copy{font-size:33px}
 .combo-copy .benefit-lead{font-size:16px}
 .combo-copy .campaign-benefit{column-gap:14px;margin-top:24px}
 .combo-copy .combo-support{font-size:13px;margin-top:25px}
 .combo-actions{margin-top:24px;gap:17px}
 .combo-actions .button{min-height:44px;font-size:11px;padding:12px 18px}
 .combo-flavors-link{font-size:11px}
}
@media(max-width:700px) and (max-height:620px) and (orientation:landscape){
 .hero .hero-launch-label{font-size:7px}
 .hero .hero-base-offer{font-size:15px;margin-top:9px}
 html[data-theme="normal"] .hero h1.campaign-benefit{margin-top:15px;column-gap:10px;row-gap:3px}
 .hero .campaign-benefit .benefit-lead{font-size:11px}
 .hero .campaign-benefit .benefit-price{font-size:57px}
 .hero .campaign-benefit .benefit-copy{font-size:24px}
 .hero .hero-copy .button{margin-top:19px;min-height:36px;font-size:11px;padding:9px 17px}
 .hero-cup-note{display:none}
 .combo-layout{grid-template-columns:44% 56%;gap:0;padding-block:29px}
 .combo-base-offer{font-size:15px}
 .combo-kicker{font-size:7px;margin-bottom:12px}
 .combo-copy .campaign-benefit{margin-top:20px;column-gap:10px;row-gap:3px}
 .combo-copy .benefit-price{font-size:59px}
 .combo-copy .benefit-copy{font-size:23px}
 .combo-copy .benefit-lead{font-size:12px}
 .combo-copy .combo-support{font-size:11px;margin-top:20px}
 .combo-actions{margin-top:20px;gap:12px}
 .combo-actions .button{font-size:9px;min-height:34px;padding:9px 13px}
 .combo-flavors-link{font-size:9px;gap:4px}
 .combo-visual{max-height:65svh}
}