/* Loja IMT Academy — a caixa da oferta do checkout (24/09/2026)
 * Vive dentro do .compra (fundo escuro) das landings. Cor: --acento-escuro da
 * base (lp.css), senão o --lime da Agência, senão o lime da marca.
 * Nenhum layout depende de JS: sem JS a caixa é um checkbox comum do form. */
.form label.upsell, .upsell { --up-cor: var(--acento-escuro, var(--lime, #D8FF00));
  position: relative; display: grid; grid-template-columns: 26px 1fr; gap: 12px; align-items: start;
  margin: 4px 0 0; padding: 14px 14px 14px 12px; border-radius: 14px; cursor: pointer;
  border: 1px dashed rgba(255,255,255,.3); border-color: color-mix(in srgb, var(--up-cor) 60%, transparent); background: rgba(255,255,255,.03);
  font: 500 .88rem/1.4 var(--f, Montserrat, system-ui, sans-serif); letter-spacing: 0; text-transform: none; color: #BFC5B9;
  transition: border-color .2s, background .2s, box-shadow .2s; }
.upsell input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--up-cor); cursor: pointer; }
.upsell input:focus-visible { outline: 3px solid var(--up-cor); outline-offset: 3px; }
.upsell__texto { display: grid; gap: 5px; min-width: 0; }
.upsell__rotulo { font: 800 .7rem/1 var(--f, Montserrat, system-ui, sans-serif); letter-spacing: .14em; text-transform: uppercase; color: var(--up-cor); }
.upsell__titulo { font-size: 1rem; line-height: 1.25; color: #fff; font-weight: 800; }
.upsell__desc { color: #BFC5B9; }
.upsell__preco { color: #E8EBE4; }
.upsell__preco b { color: #fff; }
.upsell__preco s { color: #8C9188; }
.form label.upsell:has(input:checked), .upsell:has(input:checked) { border-style: solid; border-color: var(--up-cor); background: rgba(255,255,255,.07); box-shadow: 0 0 0 1px var(--up-cor); }
@media (prefers-reduced-motion: reduce) { .upsell { transition: none; } }