/* Oferta 2.0: énfasis, barra del regalo, antes → después, piezas y ahorro (compartido por index y capitulo) */
:root{--rojo:#F08A6E;--verde:#9FCB98}
.hl{background:linear-gradient(transparent 56%,rgba(217,178,106,.45) 56%);padding:0 .12em}
.xl{font-family:var(--display);font-size:1.3em;line-height:1.2}
.oro{color:var(--gold)}
.rojo{color:var(--rojo)}
.verde{color:var(--verde)}
.sin-bono .bono{display:none!important}

.urg{background:linear-gradient(90deg,#4d0f0a,#83200f,#4d0f0a);border:1.5px solid var(--rojo);padding:12px 12px 14px;margin:0 0 22px;text-align:center}
.urg .t{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#FFD9A0}
.urg .s{font-size:18px;color:#fff;margin-top:4px;line-height:1.3}
.cd{display:flex;justify-content:center;gap:8px;margin-top:10px}
.cd span{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:5px 4px;background:rgba(0,0,0,.45);border:1px solid rgba(255,217,160,.5);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#FFD9A0}
.cd b{font-family:var(--display);font-size:26px;line-height:1.1;color:#fff;font-weight:600}

.ba-t{font-family:var(--display);font-size:19px;margin:22px 0 10px;color:var(--ink)}
.ba{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);text-align:left;background:rgba(0,0,0,.35)}
.ba .h{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:10px 10px}
.ba .h.antes{color:var(--rojo);background:rgba(240,138,110,.1)}
.ba .h.despues{color:var(--verde);background:rgba(159,203,152,.1)}
.ba .c{padding:10px 10px;font-size:17px;line-height:1.35;border-top:1px solid var(--line)}
.ba .c.antes{color:var(--dim)}
.ba .c.antes::before{content:'✕ ';color:var(--rojo);font-weight:700}
.ba .c.despues::before{content:'✓ ';color:var(--verde);font-weight:700}
.ba .c.despues{border-left:1px solid var(--line)}
.ba-note{font-size:16px;color:var(--dim);font-style:italic;margin:8px 0 18px}

.pieza{border:1px solid var(--line);padding:18px 16px;margin-top:14px;text-align:left}
.pieza .n{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.pieza h4{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.2;margin:6px 0 8px}
.pieza .v{display:block;margin-top:12px;font-family:var(--display);font-size:16px;color:var(--dim)}
.pieza .moments{margin:14px 0 0}
.pieza.regalo{border:2px dashed var(--rojo);background:rgba(240,138,110,.07)}
.pieza.regalo .n{color:var(--rojo)}

.ahorro{display:inline-block;background:var(--verde);color:#0b0b0b;font-family:var(--display);font-weight:600;font-size:19px;padding:6px 16px;margin:12px 0 4px}
.dia{font-size:19px;margin-top:10px}
.riesgo .xl{display:block;margin-bottom:4px;font-size:26px;font-weight:600}