/* ════════════════════════════════════════════════════════════════
   AVISO DE BIENVENIDA — «Si accedes a esta web, te damos lo tuyo.»
   Anclado abajo. Negro mate #1A1A1A · carmesí #8B1A1A · crema #F5F0E8 · Barlow Condensed 900 + Barlow.
   ════════════════════════════════════════════════════════════════ */
#aviso-instinto{position:fixed;left:0;right:0;bottom:0;z-index:9991;background:#1A1A1A;color:#F5F0E8;
  box-shadow:0 -22px 60px rgba(0,0,0,.65);
  padding:24px 20px calc(22px + env(safe-area-inset-bottom,0px)) 24px;
  animation:av-in .7s cubic-bezier(.16,1,.3,1) .5s both}
/* línea carmesí que se dibuja de izquierda a derecha */
#aviso-instinto::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#8B1A1A;
  transform-origin:left center;animation:av-linea .9s cubic-bezier(.77,0,.175,1) 1s both}
#aviso-instinto .av-in{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
#aviso-instinto .av-eye{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--f,'Barlow Condensed',sans-serif);
  font-weight:700;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#D8CCBA}
#aviso-instinto .av-eye::before{content:"";width:8px;height:8px;background:#8B1A1A;flex:none}
#aviso-instinto .av-t{margin:0 0 12px;font-family:var(--f,'Barlow Condensed',sans-serif);font-weight:900;
  font-size:clamp(31px,8.6vw,48px);line-height:.95;letter-spacing:-.5px;text-transform:uppercase;color:#F5F0E8}
/* «LO TUYO.» en bloque carmesí: es lo que llama la atención */
#aviso-instinto .av-mk{display:inline-block;background:#8B1A1A;color:#F5F0E8;padding:.02em .16em 0;margin-left:.04em;
  transform:rotate(-1.6deg);animation:av-pop .6s cubic-bezier(.34,1.56,.64,1) 1.35s both}
#aviso-instinto .av-p{margin:0;font-family:var(--b,'Barlow',sans-serif);font-size:14px;line-height:1.5;color:#D8CCBA;max-width:620px}
#aviso-instinto .av-p a{color:#F5F0E8;text-decoration:underline;text-underline-offset:3px}
#aviso-instinto .av-ok{width:100%;border:0;cursor:pointer;background:#8B1A1A;color:#F5F0E8;
  font-family:var(--f,'Barlow Condensed',sans-serif);font-weight:900;font-size:18px;letter-spacing:5px;text-transform:uppercase;
  padding:20px 40px;-webkit-tap-highlight-color:transparent;animation:av-pulso 2.4s ease-out 2s 3}
#aviso-instinto .av-ok:hover{background:#6B1010}
#aviso-instinto .av-ok:focus-visible,#aviso-instinto .av-p a:focus-visible{outline:2px solid #F5F0E8;outline-offset:3px}
#aviso-instinto.av-out{animation:av-out .4s cubic-bezier(.77,0,.175,1) both}

@media(min-width:860px){
  #aviso-instinto{padding:28px 32px calc(26px + env(safe-area-inset-bottom,0px)) 36px}
  #aviso-instinto .av-in{flex-direction:row;align-items:center;justify-content:space-between;gap:56px}
  #aviso-instinto .av-txt{flex:1}
  #aviso-instinto .av-ok{width:auto;flex:none;padding:22px 56px}
}

/* mientras el aviso está abierto, el recordatorio del último pedido espera su turno (sale justo al aceptar) */
body.aviso-abierto #recordatorio-pedido{display:none !important}

@keyframes av-in{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes av-out{from{transform:translateY(0);opacity:1}to{transform:translateY(110%);opacity:0}}
@keyframes av-linea{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes av-pop{0%{transform:rotate(-1.6deg) scale(.82)}60%{transform:rotate(-1.6deg) scale(1.07)}100%{transform:rotate(-1.6deg) scale(1)}}
@keyframes av-pulso{0%{box-shadow:0 0 0 0 rgba(139,26,26,.8)}70%,100%{box-shadow:0 0 0 18px rgba(139,26,26,0)}}
@media(prefers-reduced-motion:reduce){
  #aviso-instinto,#aviso-instinto::before,#aviso-instinto .av-mk,#aviso-instinto .av-ok{animation:none !important}
  #aviso-instinto.av-out{display:none}
}