/* =========================================================================
   Temas 21–30: paletas e formas novas (verde, azul, vinho, dourado, cobre, lavanda, amarelo...).
   Carrega DEPOIS de temas.css e temas2.css. Todos abrem com o banner de slides dos destaques.
   ========================================================================= */

/* ---------- 21. OCEANO — azul-petróleo profundo com areia, cards em painel ---------- */
.tema-oceano{--bg:#0a2a30;--fg:#f3ece0;--mute:#8fb0b3;--line:rgba(243,236,224,.12);--card:#103a41;--card2:#143f47;--acc:#f2c777;--accfg:#0a2a30;
  --r:22px;--rl:28px;--rs:16px;--sh:0 18px 34px -22px rgba(0,0,0,.6);--font:"Lexend",system-ui,sans-serif;--fontT:"Lexend",system-ui,sans-serif;--pesoT:600;--lsT:-.04em;--pesoC:500;
  --hb-bg:linear-gradient(120deg,#12474f,#0c3037);--hb-fg:#f3ece0;--nav-bg:rgba(16,58,65,.92);--nav-fg:#8fb0b3;--nav-on:#f2c777;--chip-bg:#103a41;--chip-on-bg:#f2c777;--chip-on-fg:#0a2a30;
  --fav-bg:rgba(10,42,48,.55);--fav-fg:#f3ece0;--selo-bg:#f2c777;--selo-fg:#0a2a30;--preco:#f2c777;--fc-bg:#0c3138;--ir-bg:#f2c777;--ir-fg:#0a2a30;--foto-bg:#0d3037}
.tema-oceano .cd-painel .cd-foto{background:#0d3037}
.tema-oceano .bs,.tema-oceano .fl,.tema-oceano .ab-bt{background:#103a41;border-color:rgba(243,236,224,.1)}

/* ---------- 22. ROSÉ — rosa-claro e vinho, serifa fina, lista ---------- */
.tema-rose{--bg:#fbeef0;--fg:#3a1420;--mute:#9a6a76;--line:rgba(120,40,64,.12);--card:#fff7f8;--card2:#f6dde2;--acc:#8c2f48;--accfg:#fff7f8;
  --r:24px;--rl:30px;--rs:18px;--sh:0 16px 30px -20px rgba(140,47,72,.45);--sh-s:0 8px 18px -12px rgba(140,47,72,.35);--font:"Figtree",system-ui,sans-serif;--fontT:"Cormorant Garamond",Georgia,serif;--pesoT:600;--lsT:-.02em;--pesoC:600;
  --hb-bg:linear-gradient(120deg,#f6d9df,#efc3cd);--hb-fg:#3a1420;--nav-bg:rgba(255,247,248,.95);--nav-fg:#a17884;--nav-on:#8c2f48;--chip-bg:#fff7f8;--chip-on-bg:#8c2f48;--chip-on-fg:#fff7f8;--selo-bg:#fff;--preco:#8c2f48;--fc-bg:#fbeef0}
.tema-rose .st h2,.tema-rose .cd h3,.tema-rose .fc h2{font-size:1.25em}
.tema-rose .cd-foto{background:linear-gradient(180deg,#f6dde2,#efcfd6)}
.tema-rose .st h2{font-style:italic}

/* ---------- 23. FLORESTA — verde-musgo escuro e lima suave, painéis ---------- */
.tema-floresta{--bg:#0f2016;--fg:#eef3e6;--mute:#8da58f;--line:rgba(238,243,230,.1);--card:#17301f;--card2:#1b3724;--acc:#cfe98a;--accfg:#0f2016;
  --r:26px;--rl:32px;--rs:18px;--sh:none;--font:"Epilogue",system-ui,sans-serif;--fontT:"Epilogue",system-ui,sans-serif;--pesoT:700;--lsT:-.045em;--pesoC:600;
  --hb-bg:linear-gradient(125deg,#1f4a2c,#122a1a);--hb-fg:#eef3e6;--nav-bg:rgba(23,48,31,.92);--nav-fg:#8da58f;--nav-on:#cfe98a;--chip-bg:#17301f;--chip-on-bg:#cfe98a;--chip-on-fg:#0f2016;
  --fav-bg:rgba(15,32,22,.55);--fav-fg:#eef3e6;--selo-bg:#cfe98a;--selo-fg:#0f2016;--preco:#cfe98a;--fc-bg:#122619;--ir-bg:#cfe98a;--ir-fg:#0f2016;--foto-bg:#112a19}
.tema-floresta .bs,.tema-floresta .fl,.tema-floresta .ab-bt{background:#17301f;border-color:transparent}

/* ---------- 24. MARFIM — creme e dourado, serifa elegante, cantos retos ---------- */
.tema-marfim{--bg:#f7f1e3;--fg:#2a2214;--mute:#8a7d62;--line:rgba(120,95,40,.18);--card:#fbf7ec;--card2:#efe5cc;--acc:#b8923a;--accfg:#fff;
  --r:6px;--rl:8px;--rs:6px;--sh:none;--font:"Newsreader",Georgia,serif;--fontT:"Newsreader",Georgia,serif;--pesoT:500;--lsT:-.025em;--pesoC:500;
  --hb-bg:linear-gradient(120deg,#f1e6c8,#e6d6a8);--hb-fg:#2a2214;--nav-bg:rgba(251,247,236,.96);--nav-fg:#9b8d6c;--nav-on:#8a6a1e;--chip-bg:transparent;--chip-on-bg:#2a2214;--chip-on-fg:#f7f1e3;--selo-bg:#2a2214;--selo-fg:#f7f1e3;--preco:#8a6a1e;--fc-bg:#f7f1e3;--line-card:rgba(120,95,40,.22)}
.tema-marfim .cd-foto{background:#efe5cc}
.tema-marfim .st h2{font-size:26px;font-style:italic;font-weight:400}
.tema-marfim .bs,.tema-marfim .fl,.tema-marfim .cats-pill button,.tema-marfim .ab-bt,.tema-marfim .hb-cta,.tema-marfim .hb-cta span,.tema-marfim .cd-ir{border-radius:4px}
.tema-marfim .st{border-bottom:1px solid var(--line);padding-bottom:10px}

/* ---------- 25. COBALTO — branco com azul royal forte, contorno azul, caixa alta ---------- */
.tema-cobalto{--bg:#ffffff;--fg:#0a1230;--mute:#5a6590;--line:rgba(31,59,255,.16);--card:#fff;--card2:#eef1ff;--acc:#1f3bff;--accfg:#fff;
  --r:16px;--rl:22px;--rs:12px;--sh:none;--font:"Rubik",system-ui,sans-serif;--fontT:"Rubik",system-ui,sans-serif;--pesoT:700;--lsT:-.035em;--pesoC:600;
  --hb-bg:linear-gradient(120deg,#eef1ff,#dbe2ff);--hb-fg:#0a1230;--nav-bg:rgba(255,255,255,.95);--nav-fg:#7a85b0;--nav-on:#1f3bff;--chip-bg:#fff;--chip-on-bg:#1f3bff;--chip-on-fg:#fff;--selo-bg:#1f3bff;--selo-fg:#fff;--preco:#1f3bff;--fc-bg:#fff;--line-card:rgba(31,59,255,.2)}
.tema-cobalto .cd-padrao,.tema-cobalto .cd-linha,.tema-cobalto .cd-painel{border:1.5px solid rgba(31,59,255,.2)}
.tema-cobalto .cd-foto{background:#eef1ff}
.tema-cobalto .bs,.tema-cobalto .fl{border:1.5px solid rgba(31,59,255,.25)}
.tema-cobalto .cats-pill button{border:1.5px solid rgba(31,59,255,.22)}

/* ---------- 26. VINHO — borgonha profundo e pêssego, cards sem moldura ---------- */
.tema-vinho{--bg:#2a0f17;--fg:#f8e7dc;--mute:#b58d92;--line:rgba(248,231,220,.12);--card:#381822;--card2:#40202a;--acc:#f2c9a0;--accfg:#2a0f17;
  --r:22px;--rl:28px;--rs:16px;--sh:none;--font:"Red Hat Display",system-ui,sans-serif;--fontT:"Red Hat Display",system-ui,sans-serif;--pesoT:800;--lsT:-.04em;--pesoC:700;
  --hb-bg:linear-gradient(125deg,#5a1f31,#2f1019);--hb-fg:#f8e7dc;--nav-bg:rgba(56,24,34,.93);--nav-fg:#b58d92;--nav-on:#f2c9a0;--chip-bg:#381822;--chip-on-bg:#f2c9a0;--chip-on-fg:#2a0f17;
  --fav-bg:rgba(42,15,23,.55);--fav-fg:#f8e7dc;--selo-bg:#f2c9a0;--selo-fg:#2a0f17;--preco:#f2c9a0;--fc-bg:#310f1a;--ir-bg:#f2c9a0;--ir-fg:#2a0f17;--foto-bg:#321420}
.tema-vinho .cd-padrao{background:transparent;padding:0}
.tema-vinho .cd-padrao .cd-txt{padding:12px 4px 0}
.tema-vinho .bs,.tema-vinho .fl,.tema-vinho .ab-bt{background:#381822;border-color:transparent}

/* ---------- 27. MENTA — verde-água claro, pílulas bem redondas, categorias em círculo ---------- */
.tema-menta{--bg:#e6f4ee;--fg:#0b2a21;--mute:#5f8a7b;--line:rgba(15,122,90,.14);--card:#f6fcf9;--card2:#d2eadf;--acc:#0f7a5a;--accfg:#fff;
  --r:30px;--rl:36px;--rs:22px;--sh:0 16px 28px -20px rgba(15,122,90,.5);--sh-s:0 8px 16px -12px rgba(15,122,90,.4);--font:"Albert Sans",system-ui,sans-serif;--fontT:"Albert Sans",system-ui,sans-serif;--pesoT:700;--lsT:-.045em;--pesoC:600;
  --hb-bg:linear-gradient(120deg,#d2eadf,#b8dccb);--hb-fg:#0b2a21;--nav-bg:rgba(246,252,249,.95);--nav-fg:#7aa493;--nav-on:#0f7a5a;--chip-bg:#f6fcf9;--chip-on-bg:#0f7a5a;--chip-on-fg:#fff;--selo-bg:#fff;--preco:#0f7a5a;--fc-bg:#e6f4ee}
.tema-menta .cd-foto{background:linear-gradient(180deg,#dcefe6,#cde6da)}

/* ---------- 28. ÔNIX E COBRE — preto com cobre, fio fino, lista ---------- */
.tema-onix{--bg:#0c0c0c;--fg:#efe9e3;--mute:#8d8680;--line:rgba(200,121,74,.22);--card:#151311;--card2:#1a1714;--acc:#c8794a;--accfg:#120a05;
  --r:12px;--rl:16px;--rs:10px;--sh:none;--font:"Be Vietnam Pro",system-ui,sans-serif;--fontT:"Be Vietnam Pro",system-ui,sans-serif;--pesoT:600;--lsT:-.04em;--pesoC:600;
  --hb-bg:linear-gradient(125deg,#241a14,#0f0d0b);--hb-fg:#efe9e3;--nav-bg:rgba(21,19,17,.93);--nav-fg:#8d8680;--nav-on:#c8794a;--chip-bg:#151311;--chip-on-bg:#c8794a;--chip-on-fg:#120a05;
  --fav-bg:rgba(12,12,12,.55);--fav-fg:#efe9e3;--selo-bg:#c8794a;--selo-fg:#120a05;--preco:#e29a6c;--fc-bg:#100e0c;--ir-bg:#c8794a;--ir-fg:#120a05;--line-card:rgba(200,121,74,.22);--foto-bg:#13110f}
.tema-onix .bs,.tema-onix .fl,.tema-onix .ab-bt{background:#151311;border-color:rgba(200,121,74,.22)}
.tema-onix .cd-kick,.tema-onix .hb-selo{letter-spacing:.1em;text-transform:uppercase}

/* ---------- 29. LAVANDA — lilás claro e violeta, cards grandes em painel ---------- */
.tema-lavanda{--bg:#f1ecfa;--fg:#1d1238;--mute:#7a6fa0;--line:rgba(91,63,208,.12);--card:#faf8ff;--card2:#e3dbf6;--acc:#5b3fd0;--accfg:#fff;
  --r:28px;--rl:34px;--rs:20px;--sh:0 18px 32px -22px rgba(91,63,208,.5);--sh-s:0 8px 16px -12px rgba(91,63,208,.4);--font:"Hanken Grotesk",system-ui,sans-serif;--fontT:"Hanken Grotesk",system-ui,sans-serif;--pesoT:800;--lsT:-.05em;--pesoC:700;
  --hb-bg:linear-gradient(120deg,#e3dbf6,#cfc2f0);--hb-fg:#1d1238;--nav-bg:rgba(250,248,255,.95);--nav-fg:#9488b8;--nav-on:#5b3fd0;--chip-bg:#faf8ff;--chip-on-bg:#5b3fd0;--chip-on-fg:#fff;--selo-bg:#fff;--preco:#5b3fd0;--fc-bg:#f1ecfa;--foto-bg:#ece6fa}
.tema-lavanda .cd-foto{background:#e8e0f8}

/* ---------- 30. SOL — amarelo vivo com preto, contorno grosso e sombra dura ---------- */
.tema-sol{--bg:#ffe45c;--fg:#111;--mute:#5c5420;--line:#111;--card:#fff;--card2:#fff2a8;--acc:#111;--accfg:#ffe45c;
  --r:14px;--rl:18px;--rs:10px;--sh:5px 5px 0 #111;--sh-s:3px 3px 0 #111;--font:"Hanken Grotesk",system-ui,sans-serif;--fontT:"Hanken Grotesk",system-ui,sans-serif;--pesoT:900;--lsT:-.05em;--pesoC:800;
  --hb-bg:#fff;--hb-fg:#111;--nav-bg:#fff;--nav-fg:#6b6420;--nav-on:#111;--nav-line:#111;--chip-bg:#fff;--chip-on-bg:#111;--chip-on-fg:#ffe45c;--selo-bg:#111;--selo-fg:#ffe45c;--preco:#111;--fc-bg:#ffe45c;--line-card:#111}
body.tema-sol{background:#ffe45c}
.tema-sol .cd-padrao,.tema-sol .cd-linha,.tema-sol .cd-painel{border:2px solid #111}
.tema-sol .cd-foto{background:#fff2a8;border:2px solid #111}
.tema-sol .hb-sl{border:2px solid #111;box-shadow:5px 5px 0 #111}
.tema-sol .bs,.tema-sol .fl,.tema-sol .cats-pill button,.tema-sol .ab-bt,.tema-sol .cond{border:2px solid #111;box-shadow:3px 3px 0 #111}
.tema-sol .cats-pill button.on{box-shadow:none;transform:translate(3px,3px)}

/* ---------- 31. LIMA — preto, contorno amarelo-limão, cards em caixa ---------- */
.tema-lima{--bg:#000;--fg:#f2f2f2;--mute:#9a9a9f;--line:#d6e600;--card:#17171a;--card2:#1f1f23;--acc:#d6e600;--accfg:#0a0a00;
  --r:16px;--rl:18px;--rs:12px;--sh:none;--font:"Inter",system-ui,sans-serif;--fontT:"Inter",system-ui,sans-serif;--pesoT:700;--lsT:-.03em;--pesoC:700;
  --hb-bg:#17171a;--hb-fg:#f2f2f2;--nav-bg:#000;--nav-fg:#9a9a9f;--nav-on:#d6e600;--nav-line:#d6e600;--chip-bg:#000;--chip-on-bg:#d6e600;--chip-on-fg:#0a0a00;
  --selo-bg:#e0a030;--selo-fg:#1a1200;--preco:#d6e600;--fc-bg:#000;--ir-bg:#d6e600;--ir-fg:#0a0a00;--line-card:#d6e600;--foto-bg:#17171a}
.tema-lima .cd-padrao,.tema-lima .cd-linha,.tema-lima .cd-painel{border:1.5px solid #d6e600;background:#17171a}
.tema-lima .cats-pill button,.tema-lima .bs,.tema-lima .fl,.tema-lima .cond,.tema-lima .ab-bt{border:1.5px solid #d6e600;background:#000;color:#f2f2f2}
.tema-lima .cats-pill button.on{background:#d6e600;color:#0a0a00}
.tema-lima .cd-foto{background:#17171a}

/* ---------- 32. SAFIRA — preto, azul vivo, cards cinza-escuros sem borda ---------- */
.tema-safira{--bg:#09090b;--fg:#f2f2f4;--mute:#9a9aa2;--line:rgba(255,255,255,.08);--card:#17171a;--card2:#1f1f24;--acc:#2f5df5;--accfg:#fff;
  --r:14px;--rl:18px;--rs:10px;--sh:none;--font:"Inter",system-ui,sans-serif;--fontT:"Inter",system-ui,sans-serif;--pesoT:800;--lsT:-.035em;--pesoC:700;
  --hb-bg:#17171a;--hb-fg:#f2f2f4;--nav-bg:#09090b;--nav-fg:#9a9aa2;--nav-on:#2f5df5;--chip-bg:#1f1f24;--chip-on-bg:#2f5df5;--chip-on-fg:#fff;
  --selo-bg:#e0a030;--selo-fg:#1a1200;--preco:#3b6bff;--fc-bg:#09090b;--ir-bg:#2f5df5;--ir-fg:#fff;--line-card:rgba(255,255,255,.08);--foto-bg:#17171a}
.tema-safira .cd-foto{background:#17171a}

/* ---------- valor em destaque (todos os temas): maior, mais pesado, na cor de destaque ---------- */
.cd .cd-preco b,.cd.cd-linha .cd-preco b{font-size:23px;font-weight:800;letter-spacing:-.04em;color:var(--preco,var(--acc))}
.cd.cd-painel .cd-preco b{font-size:21px;font-weight:800;letter-spacing:-.04em;color:var(--preco,var(--acc))}
.cd .cd-preco small{font-size:11.5px;font-weight:500;margin-bottom:2px}
.hb .hb-preco b{font-size:30px;font-weight:800;letter-spacing:-.04em}
.fc-preco b{font-size:34px;font-weight:800;letter-spacing:-.045em;color:var(--preco,var(--acc))}
@media (min-width:821px){.cd .cd-preco b,.cd.cd-linha .cd-preco b,.cd.cd-painel .cd-preco b{font-size:26px}.hb .hb-preco b{font-size:40px}.fc-preco b{font-size:38px}}
.tema-salvia .cd.cd-painel .cd-preco b{font-size:clamp(28px,8vw,36px);font-weight:400;letter-spacing:-.04em}
.tema-tinta .cd.cd-linha .cd-preco b{font-size:28px;letter-spacing:-.05em}

/* parcelas no card e selos/pagamento no rodapé */
.cd-preco .cd-parc{margin-top:4px;font-size:13px;line-height:1.25;white-space:normal}
.rd-selos{flex-direction:row;flex-wrap:wrap}
.rd-selos li{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;padding:6px 12px 6px 9px;font-size:12.5px}
.rd-pag{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.rd-pag small{width:100%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}
.rd-pag span{border-radius:8px;padding:5px 10px;font-size:12.5px;font-weight:600;background:color-mix(in srgb,currentColor 10%,transparent)}

/* ---------- 33. MAÇÃ — cinza Apple, cards brancos redondos, azul de link ---------- */
.tema-maca{--bg:#f5f5f7;--fg:#1d1d1f;--mute:#6e6e73;--line:rgba(0,0,0,.08);--card:#fff;--card2:#fff;--acc:#0071e3;--accfg:#fff;
  --r:22px;--rl:26px;--rs:14px;--sh:none;--font:"Inter",system-ui,sans-serif;--fontT:"Inter",system-ui,sans-serif;--pesoT:700;--lsT:-.035em;--pesoC:600;
  --hb-bg:#fff;--hb-fg:#1d1d1f;--nav-bg:rgba(245,245,247,.85);--nav-fg:#6e6e73;--nav-on:#0071e3;--chip-bg:#fff;--chip-on-bg:#1d1d1f;--chip-on-fg:#fff;
  --selo-bg:#bf4800;--selo-fg:#fff;--preco:#1d1d1f;--fc-bg:#f5f5f7;--ir-bg:#0071e3;--ir-fg:#fff;--line-card:transparent;--foto-bg:#fff}
.tema-maca .cd-painel,.tema-maca .cd-padrao{background:#fff;border:0}
.tema-maca .cd-selo{background:transparent;color:#bf4800;padding:0;font-size:11px;letter-spacing:.02em;text-transform:uppercase}
.tema-maca .cd .cd-preco b{font-weight:600;letter-spacing:-.02em}

/* ---------- 34. TROCA — branco, azul-marinho e laranja ---------- */
.tema-troca{--bg:#fff;--fg:#14203d;--mute:#5d6987;--line:#e3e8f3;--card:#fff;--card2:#f3f6fc;--acc:#f7931e;--accfg:#fff;
  --r:14px;--rl:18px;--rs:10px;--sh:0 6px 18px -10px rgba(11,42,107,.3);--font:"Open Sans",system-ui,sans-serif;--fontT:"Open Sans",system-ui,sans-serif;--pesoT:800;--lsT:-.02em;--pesoC:700;
  --hb-bg:#0b2a6b;--hb-fg:#fff;--nav-bg:#0b2a6b;--nav-fg:#b6c4e6;--nav-on:#fff;--chip-bg:#f3f6fc;--chip-on-bg:#0b2a6b;--chip-on-fg:#fff;
  --selo-bg:#f7931e;--selo-fg:#fff;--preco:#0b2a6b;--fc-bg:#fff;--ir-bg:#f7931e;--ir-fg:#fff;--line-card:#e3e8f3;--foto-bg:#f3f6fc}
.tema-troca .cd-padrao{border:1px solid #e3e8f3;background:#fff}
.tema-troca .bs{border:1px solid #d5dcee;background:#fff}

/* ---------- 35. IMPORTADOS — topo preto, fundo branco, verde ---------- */
.tema-importados{--bg:#fff;--fg:#111;--mute:#6b6b6b;--line:#e6e6e6;--card:#fff;--card2:#f5f5f5;--acc:#1fa84f;--accfg:#fff;
  --r:6px;--rl:10px;--rs:6px;--sh:none;--font:"Montserrat",system-ui,sans-serif;--fontT:"Montserrat",system-ui,sans-serif;--pesoT:700;--lsT:-.02em;--pesoC:700;
  --hb-bg:#000;--hb-fg:#fff;--nav-bg:#000;--nav-fg:#a8a8a8;--nav-on:#1fa84f;--chip-bg:#fff;--chip-on-bg:#000;--chip-on-fg:#fff;
  --selo-bg:#1fa84f;--selo-fg:#fff;--preco:#111;--fc-bg:#fff;--ir-bg:#1fa84f;--ir-fg:#fff;--line-card:#e6e6e6;--foto-bg:#f7f7f7}
.tema-importados .cd-padrao{border:1px solid #e6e6e6}
.tema-importados .bs,.tema-importados .fl,.tema-importados .cats-pill button{border:1px solid #111;border-radius:6px;background:#fff}
.tema-importados .cats-pill button.on{background:#000;color:#fff}

/* ---------- 36. OUTLET — grafite e vermelho vivo ---------- */
.tema-outlet{--bg:#f4f4f4;--fg:#222;--mute:#6a6a6a;--line:#e0e0e0;--card:#fff;--card2:#fff;--acc:#e4002b;--accfg:#fff;
  --r:16px;--rl:20px;--rs:10px;--sh:none;--font:"Poppins",system-ui,sans-serif;--fontT:"Poppins",system-ui,sans-serif;--pesoT:700;--lsT:-.02em;--pesoC:600;
  --hb-bg:#3a3a3a;--hb-fg:#fff;--nav-bg:#3a3a3a;--nav-fg:#c9c9c9;--nav-on:#fff;--chip-bg:#fff;--chip-on-bg:#e4002b;--chip-on-fg:#fff;
  --selo-bg:#e4002b;--selo-fg:#fff;--preco:#e4002b;--fc-bg:#f4f4f4;--ir-bg:#e4002b;--ir-fg:#fff;--line-card:#e0e0e0;--foto-bg:#fff}
.tema-outlet .cd-padrao{border:1px solid #e0e0e0;background:#fff}
.tema-outlet .bs{border:1px solid #d6d6d6;background:#fff}

/* preços ocultos na vitrine */
.sem-precos .cd-preco small:not(.cd-parc),.sem-precos .hb-preco small,.sem-precos .fc-preco small{display:none}

/* ---- lote 2: auditoria 29/10 ---- */
.cd-parc .pc{display:none}
@media (max-width:560px){
  .cd-parc .pl{display:none}.cd-parc .pc{display:inline}
  .cd-preco .cd-parc{font-size:12px}
  .cd-selo{max-width:calc(100% - 60px);white-space:normal;line-height:1.15;font-size:10px;padding:4px 8px}
}
.fab{transition:transform .25s,opacity .25s}
.fab.fab-off{opacity:0;transform:translateY(16px);pointer-events:none}