/* ══ Carga de imágenes con efecto blur → nítido (suave, no vertical brusco) ══ */
img{
  transition: filter .45s ease, opacity .35s ease;
}
img.img-loading{
  filter: blur(8px);
  opacity: .6;
}
img.img-loaded{
  filter: blur(0px);
  opacity: 1;
}
/* Para las imágenes del modal del producto */
#prodImg{
  filter: blur(10px);
  opacity: .5;
  transition: filter .5s ease, opacity .4s ease;
}
#prodImg.img-loaded{
  filter: blur(0px);
  opacity: 1;
}
/* Para las tarjetas del menú home */
.home-card-img{
  filter: blur(6px);
  opacity: .7;
  transition: filter .4s ease, opacity .35s ease;
}
.home-card-img.img-loaded{
  filter: blur(0px);
  opacity: 1;
}

/* ══════════════════════════════════════════════════════
   BUSCADOR DEL PORTAL
   ══════════════════════════════════════════════════════ */
.portal-search-wrap{
  position:relative;
  margin:0 0 16px;
  display:flex;align-items:center;gap:0;
}
#menuSearch{
  width:100%;height:44px;
  border:2px solid transparent;
  border-radius:100px;
  padding:0 44px 0 18px;
  font-family:var(--font);font-size:14px;
  background:var(--surface,#fff);
  color:var(--text,#1a1917);
  box-shadow:0 2px 12px rgba(0,0,0,.09);
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  box-sizing:border-box;
}
#menuSearch::placeholder{color:var(--muted,#7a786e)}
#menuSearch:focus{
  border-color:var(--brand-coral,#F0643C);
  box-shadow:0 2px 16px rgba(240,100,60,.18);
}
.search-icon{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  color:var(--muted,#7a786e);font-size:18px;pointer-events:none;
  transition:color .2s;
}
#menuSearch:focus ~ .search-icon{color:var(--brand-coral,#F0643C)}
.search-clear{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  background:var(--s2,#f0efe9);border:none;border-radius:50%;
  width:24px;height:24px;cursor:pointer;
  display:none;align-items:center;justify-content:center;
  font-size:13px;color:var(--muted,#7a786e);
  transition:background .15s;
}
.search-clear:hover{background:var(--border,rgba(0,0,0,.1))}
.search-clear.visible{display:flex}

/* Tarjetas ocultas en búsqueda */
.odin-grupo-section{transition:opacity .25s,transform .25s}
.odin-grupo-section.search-hidden{display:none}
.odin-card-wrap{transition:opacity .2s,transform .2s}
.odin-card-wrap.search-hidden{display:none}

/* Sin resultados */
.search-empty{
  text-align:center;padding:40px 20px;
  color:var(--muted,#7a786e);font-size:14px;
  display:none;
}
.search-empty.visible{display:block}
.search-empty-icon{font-size:48px;margin-bottom:12px}

/* ══ REGLA GLOBAL: imágenes de productos/bebidas nunca se deforman ══ */
/* Toda imagen de producto, bebida, carrito usa cover + dimensiones del contenedor */
.cac-img, .bebida-img, .pbs-img, .cart-bebida-mini img,
.ocm-item-img, .hc-img, .prod-img-wrap img {
  object-fit: cover !important;
  object-position: center !important;
}
/* La imagen del modal del producto: cover, centrada, sin deformar */
.prod-img-wrap{height:200px;overflow:hidden;background:var(--s2,#f0efe9)}
.prod-img-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}

/* Loader de transición — fondo claro */
#odinLoader{
  display:none;position:fixed;inset:0;
  background:rgba(244,243,239,.94);
  z-index:99998;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;backdrop-filter:blur(6px);
}
.ol-fluent{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.2));animation:runaFloat 1.2s ease-in-out infinite}
.ol-nombre{font-size:20px;font-weight:700;color:var(--text);margin-top:6px}
.ol-sub{font-size:13px;color:var(--muted)}
.ol-dots{display:flex;gap:6px;margin-top:8px}
.ol-dots span{width:8px;height:8px;border-radius:50%;background:var(--border2);animation:dotPulse 1.2s ease-in-out infinite}
.ol-dots span:nth-child(2){animation-delay:.2s}
.ol-dots span:nth-child(3){animation-delay:.4s}

/* Modal confirmación entrada */