.promo-banner{background:var(--promo-bg,var(--color-primary));width:100%;color:var(--promo-fg,#fff);isolation:isolate;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;position:relative;overflow:hidden}.promo-banner__grid{align-items:stretch;gap:var(--spacing-5);min-height:176px;max-height:260px;padding-top:var(--spacing-4);padding-bottom:var(--spacing-4);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.promo-banner__grid--sem-imagem{grid-template-columns:1fr;min-height:108px}.promo-banner__media{border-radius:var(--radius-md);background:#0000001f;order:2;align-self:stretch;min-height:160px;position:relative;overflow:hidden}.promo-banner__media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.promo-banner__panel{justify-content:center;align-items:flex-start;gap:var(--spacing-3);flex-direction:column;order:1;min-width:0;display:flex}@media (prefers-reduced-motion:no-preference){.promo-banner__panel{animation:.42s cubic-bezier(.22,1,.36,1) promo-fade-up}}@keyframes promo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.promo-banner__eyebrow{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;opacity:.92;border:1px solid;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.promo-banner__title{font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.01em;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.12}.promo-banner__desc{font-size:var(--font-size-sm);opacity:.92;max-width:52ch;margin:0;line-height:1.45}.promo-banner__actions{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.promo-banner__cta{border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:transform var(--transition-fast), opacity var(--transition-fast);align-items:center;gap:8px;padding:9px 18px;line-height:1;text-decoration:none;display:inline-flex}.promo-banner__cta:hover{transform:translateY(-1px)}.promo-banner__cta--whatsapp{background:var(--promo-fg,#fff);color:var(--promo-bg,var(--color-primary))}.promo-banner__cta--whatsapp:hover{opacity:.9}.promo-banner__cta-icon{display:inline-flex}.promo-banner__cta--link{color:inherit;background:0 0;border:1px solid}.promo-banner__cta--link:hover{opacity:.85}.promo-banner__cupom{border-radius:var(--radius-full);cursor:pointer;font:inherit;color:inherit;transition:opacity var(--transition-fast);background:0 0;border:1px dashed;align-items:center;gap:8px;padding:5px 6px 5px 14px;display:inline-flex}.promo-banner__cupom:hover{opacity:.82}.promo-banner__cupom-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.8}.promo-banner__cupom-code{font-weight:var(--font-weight-bold);letter-spacing:.04em}.promo-banner__cupom-acao{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;background:#fff3;padding:3px 10px}.promo-banner__nav{z-index:2;border-radius:var(--radius-full);width:34px;height:34px;color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:#0000002e;border:0;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.promo-banner__nav:hover{opacity:1}.promo-banner__nav--prev{left:8px}.promo-banner__nav--next{right:8px}.promo-banner__dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.promo-banner__dot{border-radius:var(--radius-full);opacity:.4;cursor:pointer;width:7px;height:7px;transition:opacity var(--transition-fast), width var(--transition-fast);background:currentColor;border:0;padding:0}.promo-banner__dot--ativo{opacity:1;width:18px}.promo-banner__close{z-index:3;cursor:pointer;color:inherit;opacity:.75;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);background:0 0;border:0;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:6px;right:8px}.promo-banner__close:hover{opacity:1}@media (max-width:767px){.promo-banner__grid{gap:var(--spacing-3);grid-template-columns:1fr;min-height:0;max-height:none}.promo-banner__media{order:1;min-height:148px;max-height:200px}.promo-banner__panel{padding-bottom:var(--spacing-4);order:2}.promo-banner__nav{display:none}.promo-banner__cta,.promo-banner__cupom{font-size:var(--font-size-xs)}}
