/* =========================================================
   SEÇÃO 9: OFERTA (bônus em carrossel + cartão de oferta)
   ========================================================= */
.principal{max-width:820px;margin:0 auto 30px;border-radius:30px;padding:26px 22px;background:var(--c-acido);color:var(--c-escuro);text-align:center}
.principal h3{font-size:clamp(30px,7vw,46px)}
.principal p{font-size:20px;font-weight:700;margin-top:8px}
.bonus{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:24px;max-width:600px;margin:0 auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 10px}
.bonus::-webkit-scrollbar{display:none}
.bn{scroll-snap-align:center;display:grid;gap:18px;justify-items:center;text-align:center;border-radius:30px;padding:26px 18px;background:var(--c-escuro-2);border:2px solid var(--c-escuro-3);transition:filter .8s,opacity .8s}
.bn.desfoca{filter:blur(6px);opacity:.4}
.bn-num{font-family:var(--f-mono);font-size:16px;font-weight:700;color:var(--c-acido)}
.bn h3{font-size:clamp(26px,6vw,34px)}
.bn p{color:var(--c-suave-esc);font-size:19px}
.tela-b{position:relative;width:100%;max-width:320px;min-height:250px;border-radius:24px;background:#fff;color:#000;padding:16px;display:grid;gap:10px;align-content:start;text-align:left}
.par{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--c-gelo);font-size:17px;font-weight:700;line-height:1.25;opacity:.35;transform:scale(.97);transition:opacity .4s,transform .4s var(--mola),background .3s}
.par.on{opacity:1;transform:none}
.par .ic{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700}
.par.nao .ic{background:#000;color:#fff}.par.sim .ic{background:var(--c-escuro);color:var(--c-acido)}
.par.on.nao{background:#FFE1DB}.par.on.sim{background:#DDF2F6}
.mito{position:relative;height:120px;perspective:800px}
.mito .cart{position:absolute;inset:0;transition:transform .7s var(--ease);transform-style:preserve-3d}
.mito.vira .cart{transform:rotateY(180deg)}
.mito .fr,.mito .vs{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:grid;place-items:center;text-align:center;padding:12px;font-weight:700;font-size:19px;line-height:1.25}
.mito .fr{background:var(--c-gelo)}
.mito .vs{background:var(--c-escuro);color:#fff;transform:rotateY(180deg);font-size:17px}
.mito .vs b{color:var(--c-acido);font-family:var(--f-titulo);font-weight:400;display:block;font-size:20px;margin-bottom:4px}
.rot-b{display:grid;gap:8px}
.rot-b .ln{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--c-gelo);font-size:17px;font-weight:700;transition:background .3s}
.rot-b .ln.on{background:var(--c-acido)}
.rot-b .ln span:last-child{font-size:16px}
.bolsos{display:flex;gap:6px}
.bolsos span{flex:1;text-align:center;font-size:16px;font-weight:700;padding:8px 4px;border-radius:12px;background:var(--c-gelo)}
.bolsos span.on{background:var(--c-escuro);color:var(--c-acido)}
.dedo{position:absolute;z-index:6;left:80%;top:92%;font-size:34px;line-height:1;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));transition:left .6s var(--ease),top .6s var(--ease)}
.dedo.toca{animation:dedo .35s ease}
@keyframes dedo{50%{transform:scale(.82) translateY(3px)}}
.pontos{display:flex;justify-content:center;gap:4px;margin-top:6px}
.pontos button{width:48px;height:48px;border:0;background:none;display:grid;place-items:center}
.pontos button i{display:block;width:12px;height:12px;border-radius:12px;background:var(--c-escuro-3);transition:width .4s var(--ease),background .4s}
.pontos button.on i{width:30px;background:var(--c-acido)}
.cartao{position:relative;max-width:580px;margin:56px auto 0;border-radius:34px;padding:4px;background:linear-gradient(120deg,var(--c-acido),#fff,var(--c-acido-esc),var(--c-acido));background-size:250% 100%;animation:fita 7s linear infinite}
.cartao .in-o{background:#fff;color:#000;border-radius:30px;padding:34px 20px 26px}
.laco{position:absolute;right:24px;top:-18px;z-index:3;font-family:var(--f-titulo);font-size:16px;letter-spacing:.06em;background:var(--c-escuro);color:var(--c-acido);padding:8px 16px;border-radius:12px;transform-origin:50% 0;animation:laco 4s ease-in-out infinite}
@keyframes laco{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-3deg)}}
.cartao h2{text-align:center;font-size:clamp(28px,7vw,38px)}
.lista-o{list-style:none;display:grid;gap:8px;margin:20px 0}
.lista-o li{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--c-gelo);font-size:18px;font-weight:700;line-height:1.3;opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .6s var(--ease)}
.cartao.in .lista-o li{opacity:1;transform:none}
.lista-o li.prin{background:var(--c-acido)}