/* =====================================================================
   BOCATITOS · AVISO DE REPARTO A DOMICILIO (pop-up)
   Hoja aparte para no tocar styles.css (diseño de Manu). Usa sus variables.
   ===================================================================== */
@keyframes dpopEntra{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.dpop{
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(5px);
}
.dpop-caja{
  position:relative;width:min(460px,100%);max-height:100%;overflow:auto;background:var(--bg-2);
  border:3px solid var(--accent);border-radius:22px;text-align:center;
  animation:dpopEntra .35s var(--t-base);
}
.dpop-x{
  position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;
  display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;
}
.dpop-x:hover{color:var(--accent)}
.dpop-x svg{width:20px;height:20px}
.dpop-media{position:relative;aspect-ratio:16/8;background:#000}
.dpop-media video{width:100%;height:100%;object-fit:cover;opacity:.75}
.dpop-tag{
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  background:var(--accent);color:var(--ink);padding:5px 14px;border-radius:999px;
  font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
}
.dpop-txt{padding:22px 24px 26px}
.dpop-txt h2{font-size:clamp(24px,6vw,32px);font-weight:900;text-transform:uppercase;line-height:1.05}
.dpop-txt p{color:var(--muted);font-size:14px;margin-top:12px}
.dpop-txt .btn-mega{margin-top:18px;width:100%;justify-content:center}
.dpop-txt .dpop-wa{margin-top:10px;width:100%;justify-content:center}
.dpop-seguir{
  display:block;width:100%;margin-top:8px;padding:12px 0;color:var(--paper-soft);
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:var(--line-strong);
}
.dpop-seguir:hover{color:var(--paper);text-decoration-color:var(--accent)}
