/* ─────────────────────────────────────────────────────────────────────────
   Pisto Digital — hoja de marca (se carga DESPUÉS de app.css, la pisa).
   Sólo ajustes visuales propios de esta tienda.
   ───────────────────────────────────────────────────────────────────────── */

/* ── Tarjetas de producto sin foto ──────────────────────────────────────────
   Por defecto el motor pinta un recuadro BLANCO con un icono gris de "imagen".
   En un tema oscuro se ve a medio terminar. Mientras el dueño no suba fotos,
   se muestra un mosaico oscuro con el degradado de la marca y un ▶ centrado.
   Cuando suba imágenes reales, el selector :has(...placeholder) deja de aplicar
   y se ven normales. */
.pcard .thumb{background:var(--card)}
.pcard .thumb:has(img[src*="placeholder"]){
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(124,58,237,.55), transparent 60%),
    radial-gradient(120% 120% at 85% 90%, rgba(6,182,212,.50), transparent 60%),
    linear-gradient(135deg,#171126,#241033 55%,#0b2733);
  border-color:rgba(124,58,237,.35);
}
.pcard .thumb:has(img[src*="placeholder"]) img{opacity:0}
.pcard .thumb:has(img[src*="placeholder"])::after{
  content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/52px no-repeat;
  opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
}

/* ── Portada neón: "Lo más pedido" ─────────────────────────────────────────── */
.neon-cd-img{position:relative}
.neon-cd-img:has(img[src*="placeholder"]){
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(124,58,237,.55), transparent 60%),
    radial-gradient(120% 120% at 85% 90%, rgba(6,182,212,.50), transparent 60%),
    linear-gradient(135deg,#171126,#241033 55%,#0b2733);
}
.neon-cd-img:has(img[src*="placeholder"]) img{opacity:0}
.neon-cd-img:has(img[src*="placeholder"])::after{
  content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/52px no-repeat;
  opacity:.9;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));
}

/* ── Ficha de producto (galería) sin foto ──────────────────────────────────── */
.gallery{position:relative}
.gallery:has(img[src*="placeholder"]){
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(124,58,237,.45), transparent 60%),
    radial-gradient(120% 120% at 85% 90%, rgba(6,182,212,.42), transparent 60%),
    linear-gradient(135deg,#171126,#241033 55%,#0b2733);
  border-radius:16px;
}
.gallery:has(img[src*="placeholder"]) img{opacity:0}
.gallery:has(img[src*="placeholder"])::after{
  content:"";position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/96px no-repeat;
  opacity:.9;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));
}

/* ── Footer: logo perfectamente centrado ───────────────────────────────────── */
.footer .footer-logo{display:block;margin-left:auto;margin-right:auto}

/* ── Logo del nav CON letras (icono + wordmark) en móvil y escritorio ──────── */
.nav-logo img{height:48px}
@media(max-width:520px){ .nav-logo img{height:42px} }
@media(max-width:359px){ .nav-logo img{height:38px} }

/* En móvil el logo con letras ocupa más; se oculta el buscador suelto de la barra
   (la búsqueda sigue disponible en "Todos los productos") para que el menú no
   salte a una segunda línea. */
@media(max-width:520px){ .nav-actions a[aria-label="Buscar"]{display:none} }