/* /ofertas-del-dia: barra de contexto, filtros, secciones, "Cómo funciona" y
   estado vacío. Las tarjetas usan los estilos del catálogo. */
.gf-ddp{padding:8px 16px 32px}
.gf-ddp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 20px;margin:0 0 18px}
.gf-ddp-head-copy{flex:1 1 420px;min-width:0}
.gf-ddp-head h1{margin:0 0 4px;font-size:1.5rem;font-weight:800;line-height:1.18;color:var(--text-1)}
.gf-ddp-head p{margin:0;max-width:720px;color:var(--text-2);font-size:.92rem;line-height:1.5}
.gf-ddp-stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0}
.gf-ddp-stats div{display:flex;flex-direction:column}
.gf-ddp-stats dt{font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.02em;color:var(--text-3)}
.gf-ddp-stats dd{margin:0;font-size:1rem;font-weight:800;color:var(--text-1);font-variant-numeric:tabular-nums}
.gf-ddp-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}
.gf-ddp-chips{display:flex;flex-wrap:wrap;gap:6px}
.gf-ddp-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:.84rem;font-weight:700;text-decoration:none}
.gf-ddp-chip:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}
.gf-ddp-chip.is-active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text,var(--accent))}
.gf-ddp-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gf-ddp-order{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-2)}
.gf-ddp-order select{min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-1);font:inherit}
.gf-ddp-section{margin:0 0 26px}
.gf-ddp-section h2{margin:0 0 12px;font-size:1rem;font-weight:800;color:var(--text-1)}
.gf-ddp-section h2 span{margin-left:6px;font-size:.84rem;color:var(--text-3)}
.gf-ddp-empty{margin:6px 0 26px;padding:26px 20px;border:1px dashed var(--border);border-radius:16px;text-align:center;background:var(--bg-card)}
.gf-ddp-empty h2{margin:0 0 6px;font-size:1.25rem;font-weight:800;color:var(--text-1)}
.gf-ddp-empty p{margin:0 0 14px;color:var(--text-2);font-size:.92rem}
.gf-ddp-empty .gf-deals-cta-actions{justify-content:center}
.gf-ddp-how{margin:10px 0 0;padding:20px;border-radius:16px;border:1px solid var(--border);background:var(--bg-card)}
.gf-ddp-how>h2{margin:0 0 12px;font-size:1.25rem;font-weight:800;color:var(--text-1)}
.gf-ddp-how-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gf-ddp-how article{padding:14px 16px;border-radius:12px;background:var(--bg-card-2)}
.gf-ddp-how h3{margin:0 0 8px;font-size:1rem;font-weight:800;color:var(--text-1)}
.gf-ddp-how ol{margin:0 0 12px;padding-left:1.2em;color:var(--text-2);font-size:.92rem;line-height:1.55}
.gf-ddp-how li+li{margin-top:4px}
@media (max-width:760px){
  .gf-ddp-how-grid{grid-template-columns:1fr}
  .gf-ddp-head .gf-deals-btn{width:100%}
}