/* =========================================================
   Oferta v3 (2026-10-15): cards do Combo Black (#bonus) e
   "Tudo o que está incluso" (#preco). Sobrescreve styles.css
   sem editá-lo. Carregado por último no <head>.
   ========================================================= */

/* ---------- 1. Cards do Combo Black ---------- */
.bonus__grid--v3 { list-style: none; padding: 0; margin-top: 44px; display: grid; gap: 18px; align-items: stretch; }
.bonus__grid--v3 .bcard { margin-top: 0 !important; height: 100%; }
.bcard--v3 { background: #0E0D0B; border: 1px solid rgba(246,242,234,.12); }
.bcard--v3.bcard--feat { border-color: rgba(212,168,85,.7); box-shadow: 0 0 0 1px rgba(212,168,85,.25), 0 24px 60px -30px rgba(212,168,85,.45); }
.bcard--v3:hover { border-color: rgba(212,168,85,.55); }

/* capa: sem título por cima, só um esfumado para fundir com o corpo */
.bcard--v3 .bcard__cover::after { background: linear-gradient(180deg, transparent 62%, rgba(14,13,11,.85) 92%, #0E0D0B 100%); }
.bcard--v3 .bcard__cover img { object-position: 50% 18%; }

.bcard--v3 .bcard__body { padding: 18px 20px 22px; gap: 0; display: flex; flex-direction: column; flex: 1; }
.bcard__top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.bcard__idx { font-family: var(--font-body); font-weight: 700; font-size: .72rem; letter-spacing: .08em; color: var(--gold-soft); font-variant-numeric: tabular-nums; }
.bcard__cat { font-family: var(--font-body); font-weight: 700; font-size: .66rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(246,242,234,.62); }
.bcard__name { margin: 0 0 10px; font-family: var(--font-body); font-weight: 700; text-transform: none; letter-spacing: -.01em; color: #fff; font-size: 1.32rem; line-height: 1.18; text-wrap: balance; }
.bcard--v3 .bcard__desc { margin: 0 0 16px; color: rgba(246,242,234,.72); font-size: .92rem; line-height: 1.5; }
.bcard__tags { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-wrap: wrap; gap: 6px; }
.bcard__tags li { padding: 6px 11px; border-radius: 999px; background: rgba(246,242,234,.06); border: 1px solid rgba(246,242,234,.12); color: rgba(246,242,234,.86); font-size: .74rem; line-height: 1.25; }
.bcard__foot { margin: auto 0 0; padding-top: 16px; border-top: 1px solid rgba(246,242,234,.08); }
.bcard__pill { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--gold-soft); color: var(--gold-soft); font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.bcard--feat .bcard__pill { background: rgba(212,168,85,.12); }

/* Mobile: carrossel horizontal com snap (cards do mesmo tamanho, um espia o próximo) */
@media (max-width: 639px) {
  .bonus__grid--v3 {
    grid-auto-flow: column; grid-auto-columns: 84%; grid-template-columns: none;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory;
    margin-left: calc(var(--gutter) * -1); margin-right: calc(var(--gutter) * -1);
    padding: 4px var(--gutter) 14px; scroll-padding-left: var(--gutter);
    scrollbar-width: thin; scrollbar-color: rgba(212,168,85,.5) transparent;
  }
  .bonus__grid--v3 .bcard { scroll-snap-align: start; }
  .bonus__grid--v3 .bcard__cover { --ar: 5/4 !important; }
  .bcard__name { font-size: 1.22rem; }
}
@media (min-width: 640px) { .bonus__grid--v3 { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width: 860px) { .bonus__grid--v3 { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; } }
@media (min-width: 860px) and (max-width: 1099px) { .bcard__name { font-size: 1.12rem; } .bcard--v3 .bcard__body { padding: 16px 16px 20px; } }

/* ---------- 2. Tudo o que está incluso (#preco) ---------- */
.price__layout--v3 { grid-template-columns: minmax(0,1fr) !important; gap: 56px; }
.incl3__eyebrow { margin: 0 0 14px; font-family: var(--font-body); font-weight: 700; font-size: .74rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(246,242,234,.62); }
.incl3__title { margin-bottom: 34px; }
.incl3__title .hl { background: none; color: inherit; position: relative; padding: 0 .08em; }
.incl3__title .hl::before { content: ""; position: absolute; left: -.04em; right: -.04em; bottom: .06em; height: .42em; background: linear-gradient(90deg, rgba(212,168,85,.85), rgba(164,114,28,.85)); border-radius: 3px; z-index: -1; }
.incl3__title .hl { z-index: 0; display: inline-block; }

.incl3__panels { display: grid; gap: 18px; }
.incl3__panel { position: relative; padding: 26px 22px 22px; border-radius: 24px; background: linear-gradient(180deg, #121110, #0B0A09); border: 1px solid rgba(246,242,234,.12); display: flex; flex-direction: column; }
.incl3__panel--combo { border-color: rgba(212,168,85,.38); background: linear-gradient(180deg, rgba(212,168,85,.07), rgba(11,10,9,1) 60%); }
.incl3__head { margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(246,242,234,.1); font-family: var(--font-body); font-weight: 700; font-size: .78rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-soft); display: flex; gap: 10px; align-items: center; }
.incl3__list { list-style: none; padding: 0; margin: 0; }
.incl3__list li { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 12px; align-items: center; padding: 11px 0; color: var(--cream); font-size: .98rem; line-height: 1.35; border-bottom: 1px solid rgba(246,242,234,.06); }
.incl3__list li:last-child { border-bottom: 0; }
.incl3__list--priced li { grid-template-columns: 26px minmax(0,1fr) auto; }
.incl3__list li b { font-weight: 700; color: var(--cream); white-space: nowrap; font-variant-numeric: tabular-nums; font-size: .92rem; }
.incl3__note { color: rgba(246,242,234,.6); font-size: .86em; }
.incl3__ico { width: 26px; height: 26px; padding: 5px; border-radius: 50%; }
.incl3__ico--check { border: 1.5px solid var(--gold-soft); color: var(--gold-soft); }
.incl3__ico--star { padding: 6px; color: var(--gold-bright); background: rgba(212,168,85,.12); }
.incl3__panel-foot { margin: auto 0 0; padding-top: 14px; border-top: 1px solid rgba(246,242,234,.1); font-size: .82rem; color: rgba(246,242,234,.66); }
.incl3__panel-foot strong { color: var(--cream); }

.incl3__total { margin: 18px 0 0; padding: 18px 22px; border-radius: 18px; border: 1px dashed rgba(246,242,234,.2); display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 6px 14px; text-align: center; }
.incl3__total span { font-weight: 700; font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(246,242,234,.72); }
.incl3__total s { font-family: var(--font-title); font-size: 1.6rem; color: var(--cream); text-decoration-thickness: 2px; text-decoration-color: var(--red); }

@media (max-width: 479px) {
  .incl3__list li { font-size: .94rem; gap: 10px; }
  .incl3__list--priced li { gap: 10px; }
  .incl3__list--priced li b { font-size: .82rem; }
  .incl3__panel { padding: 22px 16px 18px; }
  .incl3__head { letter-spacing: .14em; font-size: .72rem; }
}
@media (min-width: 860px) {
  .incl3__panels { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
  .incl3__panel { padding: 30px 30px 26px; }
  .price__layout--v3 .offer { position: relative; top: auto; width: 100%; max-width: 620px; justify-self: center; }
}