/* ---------- 11. OFERTA, VALOR E PLANOS ---------- */
.offer { position: relative; padding-top: var(--s-10); }
.offer .sec-head { margin-bottom: var(--s-8); }
.offer .sec-head h2 { max-width: 22em; }
.offer-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(2rem, 6vw, 6rem); }
.offer-list li { display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: var(--s-4); padding: var(--s-5) 0; border-top: 1px solid var(--line); }
.offer-list li:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.of-ck { width: 1.6rem; height: 1.6rem; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: var(--accent-ink); margin-top: .2rem; }
.of-ck svg { width: .85rem; height: .85rem; }
.offer-list strong { display: block; font-family: var(--font-display); font-weight: var(--display-weight); font-size: 1.3rem; letter-spacing: -.02em; line-height: 1.2; color: var(--ink); }
.offer-list strong b { color: inherit; font-weight: inherit; }
.offer-list p { margin-top: var(--s-2); color: var(--ink-2); text-wrap: pretty; } .offer-list p b { color: var(--ink); }
.offer .closing { margin-top: var(--s-9); }
@media (max-width: 56rem) { .offer-list { grid-template-columns: 1fr; } .offer-list li:nth-last-child(2) { border-bottom: 0; } }

.anchor { position: relative; padding: var(--s-10) 0 var(--s-8); }
.anchor .sec-head { margin-bottom: var(--s-8); }
.anchor-box { max-width: 52rem; display: grid; gap: var(--s-5); }
.anchor-box .real-line { margin-top: 0; }
.tag.pain { color: var(--danger); border-color: var(--danger); }
.chips { display: flex; flex-wrap: wrap; gap: var(--s-3); }
.chips li { padding: .45rem 1rem; border-radius: 999px; border: 1px solid var(--line-strong); color: var(--ink-2); font-size: var(--t-base); }
.chips li b { color: var(--danger); font-weight: 600; }
.anchor-q { font-family: var(--font-display); font-size: var(--t-h3); letter-spacing: -.02em; line-height: 1.2; max-width: 30rem; margin-top: var(--s-4); } .anchor-q b { font-weight: inherit; color: var(--accent); }
.costs { display: grid; margin-top: var(--s-4); }
.costs li { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-5); padding: var(--s-5) 0; border-top: 1px solid var(--line); font-size: var(--t-lg); color: var(--ink-2); }
.costs li:last-child { border-bottom: 1px solid var(--line); }
.costs li b { flex: none; font-family: var(--font-display); font-weight: var(--display-weight); font-size: clamp(1.2rem, 1rem + 1vw, 1.8rem); letter-spacing: -.02em; color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.costs li.lost b { color: var(--danger); }
.anchor-sub { margin-top: var(--s-5); font-family: var(--font-display); font-size: clamp(1.5rem, 1.1rem + 1.8vw, 2.6rem); letter-spacing: -.03em; line-height: 1.15; } .anchor-sub b { font-weight: inherit; }
@media (max-width: 40rem) { .costs li { flex-direction: column; gap: var(--s-2); } .costs li b { text-align: left; } }

.plans-section { position: relative; padding: var(--s-9) 0 var(--s-10); }
.plans-section .sec-head { margin-bottom: var(--s-8); }
.plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.75rem); align-items: stretch; }
.plan { position: relative; display: grid; gap: var(--s-5); align-content: start; padding: clamp(1.5rem, 2.6vw, 2.25rem); border-radius: var(--radius-l); background: var(--bg-raised); border: 1px solid var(--line-strong);  }
.plan h3 { font-family: var(--font-display); font-weight: var(--display-weight); font-size: 1.6rem; letter-spacing: -.03em; }
.price { color: var(--ink-3); font-size: var(--t-sm); }
.price b { font-family: var(--font-display); font-weight: var(--display-weight); font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem); letter-spacing: -.04em; color: var(--ink); font-variant-numeric: tabular-nums; margin-right: .25rem; }
.plan ul { display: grid; gap: .6rem; align-content: start; }
.plan li { position: relative; padding-left: 1.5rem; color: var(--ink-2); font-size: var(--t-sm); line-height: 1.4; }
.plan li::before { content: ""; position: absolute; left: .1rem; top: .45em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--line-strong); }
.plan li.key { color: var(--ink); font-weight: 560; } .plan li.key::before { background: var(--accent); }
.plan li b { color: var(--ink); }
.plan .btn { width: 100%; margin-top: var(--s-3); }
.plan.feat { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset, 0 30px 80px -30px var(--accent-glow); background: linear-gradient(180deg, var(--accent-soft), var(--bg-raised) 40%); }
@media (min-width: 56.01rem) { .plan.feat { transform: translateY(-.75rem); } }
@media (max-width: 56rem) { .plans { grid-template-columns: 1fr; max-width: 30rem; margin-inline: auto; } }