/* Ofertas del día: precio rebajado en tarjetas y cajones, fila de historias
   (home y categorías), CTA sin ofertas y botón del header. El visor de
   historias se carga aparte (daily-deals-viewer.css). Estilo propio de Gudfy:
   púrpura de marca, verde de ahorro y ámbar para los últimos minutos; nunca el
   amarillo ni el rayo de Ventas FLASH. */

/* ── Bloque de precio ─────────────────────────────────────────────────────── */
.gf-deal-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 4px}
.gf-deal-chip,.gf-deal-pct{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:800;line-height:1.2;white-space:nowrap}
.gf-deal-chip{background:var(--accent-dim);color:var(--accent-text,var(--accent))}
.gf-deal-pct{background:var(--teal-dim);color:var(--teal)}
.gf-deal-chip svg{flex-shrink:0}
.gf-deal-was{display:block;margin-top:1px;color:var(--text-3);font-size:.84rem;font-weight:600;text-decoration-thickness:1.5px}
.gf-deal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:4px;font-size:.84rem;color:var(--text-2)}
.gf-deal-ends{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-variant-numeric:tabular-nums}
.gf-deal-ends.is-soon{color:var(--warn)}
.gf-deal-left{font-weight:700;color:var(--text-2)}
.gf-deal-over{margin:4px 0 0;font-size:.84rem;font-weight:700;color:var(--text-2)}
.gf-deal.is-over .gf-deal-chips,.gf-deal.is-over .gf-deal-was,.gf-deal.is-over .gf-deal-meta{display:none}
.mp-card.gf-deal-card{box-shadow:inset 0 0 0 1.5px var(--accent-dim)}
.sr-only-deal{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── Aviso dentro del formulario de compra ────────────────────────────────── */
.bf-deal{display:grid;gap:3px;margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--accent-dim);color:var(--text-1);font-size:.84rem}
.bf-deal strong{color:var(--accent-text,var(--accent))}
.bf-deal .gf-deal-ends{font-size:.84rem}
/* El título del aviso ya dice «Oferta del día · −N %»: sin repetir las pastillas. */
.bf-deal .gf-deal-chips{display:none}
.mp-drawer-deal-top{margin:6px 0 10px}
@media (min-width:900px){.mp-drawer-deal-top{display:none}}
.bf-deal-ended{margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--warn);background:var(--bg-card-2);color:var(--text-1);font-size:.84rem}
.bf-deal-ended button{margin-top:6px}

/* ── Historias (home y categorías) ────────────────────────────────────────── */
.gf-deals-slot{position:relative;min-height:150px;margin:0 0 18px}
/* El CTA (sin ofertas) es más alto que la fila; solo él reserva ese espacio. */
.gf-deals-slot--cta{min-height:168px}
@media (max-width:640px){.gf-deals-slot--cta{min-height:196px}}
.gf-deals-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px}
.gf-deals-head h2{margin:0;font-size:1rem;font-weight:800;color:var(--text-1)}
.gf-deals-head h2 span{margin-left:6px;font-size:.84rem;font-weight:700;color:var(--text-3)}
.gf-deals-head a{font-size:.84rem;font-weight:700;color:var(--accent-text,var(--accent));text-decoration:none}
.gf-deals-head a:hover{text-decoration:underline}
.gf-deals-row{display:flex;gap:14px;margin:0;padding:4px 2px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.gf-deals-row>li{flex:0 0 auto;scroll-snap-align:start}
.gf-story{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;padding:2px 0;border:0;background:none;color:var(--text-1);font:inherit;text-decoration:none;cursor:pointer}
.gf-story:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}
.gf-story-ring{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;
  background:conic-gradient(var(--accent) calc(var(--deal-left,1)*360deg),var(--border) 0)}
.gf-story-ring::before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bg)}
.gf-story-logo{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--bg-card);overflow:hidden;box-shadow:0 0 0 1px var(--border)}
.gf-story-logo img{width:38px;height:38px;object-fit:contain}
.gf-story-logo .gf-story-initial{font-size:1.25rem;font-weight:800;color:var(--accent-text,var(--accent))}
.gf-story-badge{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);min-width:42px;padding:1px 7px;white-space:nowrap;border-radius:999px;background:var(--teal-solid);color:#fff;font-size:.7rem;font-weight:800;line-height:1.5;text-align:center;box-shadow:0 0 0 2px var(--bg)}
.gf-story-badge--plain{background:var(--accent)}
.gf-story-count{position:absolute;top:-2px;right:-2px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--bg-card);color:var(--text-1);font-size:.7rem;font-weight:800;box-shadow:0 0 0 2px var(--bg),inset 0 0 0 1px var(--border)}
.gf-story-name{max-width:84px;overflow:hidden;font-size:.7rem;font-weight:700;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.gf-story.is-seen .gf-story-ring{background:var(--border)}
.gf-story.is-seen .gf-story-badge{background:var(--text-3)}
.gf-story.is-seen .gf-story-name{color:var(--text-3)}
.gf-story[aria-busy="true"] .gf-story-ring{animation:gf-deal-spin 1s linear infinite}
@keyframes gf-deal-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gf-story[aria-busy="true"] .gf-story-ring{animation:none}}
.gf-story--add .gf-story-ring{background:none;box-shadow:inset 0 0 0 2px var(--accent-dim)}
.gf-story--add .gf-story-ring::before{inset:0;background:transparent;border:2px dashed var(--accent);border-radius:50%}
.gf-story--add .gf-story-logo{background:var(--accent-dim);box-shadow:none;color:var(--accent-text,var(--accent))}
.gf-story--add .gf-story-name{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gf-deals-ended-note{margin:6px 0 0;font-size:.84rem;color:var(--text-2)}

/* ── CTA sin ofertas (mismo alto que la fila) ─────────────────────────────── */
.gf-deals-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;min-height:150px;padding:18px 20px;border-radius:16px;
  background:linear-gradient(135deg,var(--accent-dim),var(--bg-card));border:1px solid var(--border);color:var(--text-1)}
.gf-deals-cta-copy{flex:1 1 320px;min-width:0}
.gf-deals-cta-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;font-size:.84rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-text,var(--accent))}
.gf-deals-cta h2{margin:0 0 4px;font-size:1.25rem;font-weight:800;line-height:1.25}
.gf-deals-cta p{margin:0;color:var(--text-2);font-size:.92rem;line-height:1.45}
.gf-deals-cta-link{font-weight:700;color:var(--accent-text,var(--accent));white-space:nowrap}
.gf-deals-steps{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:.84rem;font-weight:700;color:var(--text-2)}
.gf-deals-steps li{display:inline-flex;align-items:center;gap:6px}
.gf-deals-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:.7rem}
.gf-deals-cta-actions{display:flex;flex-wrap:wrap;gap:8px}
.gf-deals-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:800;font-size:.88rem;text-decoration:none;white-space:nowrap;cursor:pointer}
.gf-deals-btn:hover{background:var(--accent-hover,var(--accent))}
.gf-deals-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gf-deals-btn--ghost{background:var(--bg-card);color:var(--accent-text,var(--accent))}
.gf-deals-btn--ghost:hover{background:var(--accent-dim)}
@media (max-width:640px){
  .gf-deals-cta{min-height:178px;padding:14px 16px}
  .gf-deals-steps{display:none}
  .gf-deals-cta-actions{width:100%}
  .gf-deals-cta-actions .gf-deals-btn{flex:1 1 auto}
}

/* ── Header ───────────────────────────────────────────────────────────────── */
.gfhdr-nav-deals{display:inline-flex;align-items:center;gap:6px}
.gfhdr-deals-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--teal-solid);color:#fff;font-size:.7rem;font-weight:800;line-height:1}
.gfhdr-deals{display:none}
.gfhdr-deals .gfhdr-bell-dot{background:var(--teal-solid);color:#fff}
.gfhdr-deals .gfhdr-bell-dot[hidden],.gfhdr-deals-count[hidden],.gfhdr-new-badge[hidden]{display:none}
@media (max-width:900px){.gfhdr .gfhdr-deals{display:inline-flex}}