/* ====== COMPONENTE: Pop-up Oferta del día ====== */
.gp-offer{
--gp-gold:#c4a45a; --gp-gold-dark:#a8873a; --gp-gold-light:#d9b961;
--gp-dark:#1f2227; --gp-text:#1f1d17; --gp-muted:#6b6759;
--gp-cream:#f6f1e3; --gp-red:#c0392b;
position:fixed; left:20px; bottom:20px; z-index:1000;
width:320px; max-width:calc(100vw - 32px);
background:#fff; color:var(--gp-text); border-radius:14px; overflow:hidden;
box-shadow:0 12px 32px rgba(0,0,0,.28), 0 0 0 1px rgba(196,164,90,.55);
font-family:inherit; font-size:14px; line-height:1.3;
animation:gp-in .35s ease-out;
}
.gp-offer[hidden]{display:none}
@keyframes gp-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gp-offer{animation:none}}

.gp-offer__head{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--gp-dark);color:#fff;padding:9px 10px 9px 12px}
.gp-offer__title{margin:0;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}
.gp-offer__title span{color:var(--gp-gold-light)}
.gp-offer__close{width:24px;height:24px;flex:none;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.gp-offer__close:hover{background:rgba(255,255,255,.28)}

.gp-offer__body{display:flex;gap:12px;padding:12px}
.gp-offer__img{position:relative;width:116px;height:100px;flex:none;border-radius:9px;overflow:hidden}
.gp-offer__img img{width:100%;height:100%;object-fit:cover;display:block}
.gp-offer__badge{position:absolute;top:6px;left:6px;background:var(--gp-red);color:#fff;font-weight:700;font-size:11px;padding:3px 8px;border-radius:999px}
.gp-offer__cat{font-size:10px;font-weight:600;color:var(--gp-gold-dark);text-transform:uppercase;letter-spacing:.7px}
.gp-offer__name{margin:2px 0;font-size:16px;font-weight:700;line-height:1.15}
.gp-offer__desc{margin:0;font-size:11px;color:var(--gp-muted)}
.gp-offer__price{margin-top:6px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.gp-offer__old{font-size:12px;color:#9a968a;text-decoration:line-through}
.gp-offer__new{font-size:20px;font-weight:700}
.gp-offer__cuotas{font-size:10px;color:var(--gp-muted)}

.gp-offer__timer{margin:0 12px;background:var(--gp-cream);border-radius:9px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.gp-offer__timer p{margin:0;font-size:11px;font-weight:500;color:#4a4638}
.gp-offer__clock{display:flex;align-items:flex-start;gap:4px}
.gp-offer__unit{text-align:center}
.gp-offer__unit b{display:block;min-width:32px;padding:3px 0;background:var(--gp-dark);color:#fff;border-radius:6px;font-size:16px;font-variant-numeric:tabular-nums}
.gp-offer__unit small{font-size:8px;color:var(--gp-muted);text-transform:uppercase;letter-spacing:.5px}
.gp-offer__sep{font-weight:700;font-size:15px;color:var(--gp-gold-dark);padding-top:3px}

.gp-offer__actions{display:flex;gap:8px;padding:11px 12px 13px}
.gp-offer__form{flex:1.5;display:flex}
.gp-offer__form .gp-offer__btn{width:100%}
.gp-offer__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:12px;font-weight:600;padding:9px 8px;border-radius:999px;cursor:pointer;text-decoration:none;border:1.5px solid var(--gp-dark);background:#fff;color:var(--gp-dark)}
.gp-offer__btn:hover{background:#f3f3f3}
.gp-offer__btn--primary{flex:1.5;background:var(--gp-gold);border-color:var(--gp-gold);color:var(--gp-text)}
.gp-offer__btn--primary:hover{background:var(--gp-gold-dark);border-color:var(--gp-gold-dark);color:#fff}
.gp-offer :focus-visible{outline:2px solid var(--gp-gold-light);outline-offset:2px}
.gp-offer-open{cursor:pointer}

/* Mobile: ocupa el ancho, pegado abajo */
@media (max-width:480px){.gp-offer{left:16px;right:16px;bottom:16px;width:auto}}