/* El aviso de la recta final (27-oct-2026, ver aviso.js). Encima de todo lo de
   la página (el carrito llega a 46 y el probador a 60). */
.av-fondo{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;
  background:rgba(3,6,12,.78);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
  opacity:0;transition:opacity .25s ease}
.av-fondo.abierto{opacity:1}

.av-caja{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;
  padding:22px 18px 16px;border-radius:20px;color:var(--texto,#f9f5ea);
  background:radial-gradient(120% 80% at 50% -10%,rgba(232,163,61,.28),transparent 60%),
             linear-gradient(180deg,#141b2b,#0b1019);
  border:1.5px solid rgba(232,163,61,.7);
  box-shadow:0 0 0 4px rgba(232,163,61,.12),0 18px 60px rgba(0,0,0,.6),0 0 40px rgba(232,163,61,.25);
  transform:translateY(18px) scale(.96);transition:transform .32s cubic-bezier(.2,.9,.3,1.2)}
.av-fondo.abierto .av-caja{transform:none;animation:av-brillo 2.6s ease-in-out .4s infinite}
@keyframes av-brillo{
  0%,100%{box-shadow:0 0 0 4px rgba(232,163,61,.12),0 18px 60px rgba(0,0,0,.6),0 0 30px rgba(232,163,61,.2)}
  50%{box-shadow:0 0 0 4px rgba(232,163,61,.22),0 18px 60px rgba(0,0,0,.6),0 0 55px rgba(232,163,61,.45)}}

.av-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;
  background:rgba(255,255,255,.08);color:var(--texto,#f9f5ea);font-size:16px;cursor:pointer}

.av-cabeza{display:flex;align-items:center;gap:12px;padding-right:34px}
.av-calabaza{font-size:42px;line-height:1;filter:drop-shadow(0 0 12px rgba(232,163,61,.7));animation:av-salto 1.8s ease-in-out infinite}
@keyframes av-salto{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}
.av-cabeza h2{margin:0;padding-top:3px;font-size:22px;line-height:1.18;font-weight:800;letter-spacing:-.01em;
  background:linear-gradient(90deg,#ffd27a,#e8a33d 55%,#ff7a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.av-cuenta{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:700;
  background:rgba(162,45,27,.4);border:1px solid rgba(255,122,61,.55);color:#ffd9c4}
.av-cuenta b{font-size:16px;color:#fff}

.av-urge{margin:14px 0 2px;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:700;
  background:rgba(162,45,27,.28);color:#ffb59e;border:1px solid rgba(255,122,61,.35)}

.av-lista{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.av-lista li{display:flex;gap:11px;align-items:flex-start;padding:10px 12px;border-radius:13px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.av-ico{font-size:22px;line-height:1.2}
.av-lista b{display:block;font-size:14px;margin-bottom:2px}
.av-lista p{margin:0;font-size:13px;line-height:1.45;color:var(--tenue,#98a3b6)}

.av-pedir{display:block;width:100%;margin-top:16px;min-height:52px;border:0;border-radius:14px;cursor:pointer;
  background:var(--verde,#c4f275);color:#0a1500;font:inherit;font-weight:800;font-size:16px;
  box-shadow:0 6px 22px rgba(196,242,117,.35);animation:av-latido 1.6s ease-in-out infinite}
@keyframes av-latido{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
.av-luego{display:block;width:100%;margin-top:6px;min-height:40px;border:0;background:none;cursor:pointer;
  color:var(--tenue,#98a3b6);font:inherit;font-size:13.5px}

@media (prefers-reduced-motion: reduce){
  .av-fondo,.av-caja{transition:none}
  .av-fondo.abierto .av-caja,.av-calabaza,.av-pedir{animation:none}
}