/* =============================================================
   ÈNIGME · PRECIO SUPER PRO + CUADRO VITRINA
   Hoja global cargada en todas las páginas. Aplica:
   1) Precios principales en dorado #C5A572 con borde negro #1C1C1C
      tipo etiqueta de boutique de joyería.
   2) Marco «vitrina» uniforme en todas las imágenes de producto:
      gradiente cremita 135deg, borde negro 1.5px + borde dorado
      interior, inner shadow para profundidad y brillo glass diagonal.
   ============================================================= */

/* ─────────────────────────────────────────────────────────────
   1 · PRECIO PRINCIPAL — DORADO sobre BORDE NEGRO
   ───────────────────────────────────────────────────────────── */
.mag__price,
.product-price,
.precio,
.price,
.item-price,
.precio-actual,
.cart-price,
.checkout-price,
.precio-final,
.product-price-amount {
  display: inline-block;
  color: #C5A572 !important;
  background: #FAF9F6 !important;
  border: 2px solid #1C1C1C !important;
  padding: 6px 18px !important;
  border-radius: 2px !important;
  font-family: 'Cinzel', Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-shadow: 0 0 1px rgba(28,28,28,0.18);
  box-shadow:
    inset 0 0 0 1px rgba(197,165,114,0.7),
    0 2px 6px rgba(0,0,0,0.10),
    0 1px 2px rgba(0,0,0,0.06);
  margin: 6px 0;
  text-decoration: none !important;
  vertical-align: middle;
  line-height: 1.2;
}

/* PRECIO TACHADO — sobrio, sin marco grueso */
.mag__price-old,
.price-old,
.precio-tachado,
.precio-anterior,
.original-price,
.cart-price-old {
  display: inline-block;
  color: #999 !important;
  text-decoration: line-through !important;
  font-size: 0.75rem !important;
  letter-spacing: 1px !important;
  margin-right: 8px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* Variante mini (para items pequenos en panel carrito) */
.mag-cart-item .product-price,
.mag-cart-item .mag__price,
.cart-row .product-price,
.cart-row .mag__price {
  padding: 3px 10px !important;
  font-size: 0.78rem !important;
  letter-spacing: 1.5px !important;
}

/* ─────────────────────────────────────────────────────────────
   2 · CUADRO VITRINA — efecto cristal de boutique
   Aplica a contenedores de imagen de producto en TODAS las páginas.
   ───────────────────────────────────────────────────────────── */
.enigme-vitrina,
.mag__hero-img,
.carousel-wrapper,
.image-wrapper,
.product-image-wrap,
.bolsos-image-wrap,
.lujo-image-wrap,
.joyeria-image-wrap,
.intima-image-wrap,
.hero-image-wrap {
  position: relative;
  background: linear-gradient(135deg, #FAF9F6 0%, #F0EEEA 60%, #E8E4DA 100%) !important;
  border: 1.5px solid #1C1C1C !important;
  box-shadow:
    inset 0 0 40px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.7),
    0 12px 32px rgba(0,0,0,0.18),
    0 4px 12px rgba(0,0,0,0.10) !important;
  overflow: hidden;
}

/* Borde dorado interior (efecto vitrina con doble marco) */
.enigme-vitrina::before,
.mag__hero-img::before,
.carousel-wrapper::before,
.image-wrapper::before,
.product-image-wrap::before,
.bolsos-image-wrap::before,
.lujo-image-wrap::before,
.joyeria-image-wrap::before,
.intima-image-wrap::before,
.hero-image-wrap::before {
  content: '';
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(197,165,114,0.75);
  pointer-events: none;
  z-index: 2;
}

/* Brillo glass diagonal sutil (efecto de vidrio de vitrina) */
.enigme-vitrina::after,
.mag__hero-img::after,
.carousel-wrapper::after,
.image-wrapper::after,
.product-image-wrap::after,
.bolsos-image-wrap::after,
.lujo-image-wrap::after,
.joyeria-image-wrap::after,
.intima-image-wrap::after,
.hero-image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 38%,
    rgba(255,255,255,0.16) 50%,
    rgba(255,255,255,0) 62%,
    rgba(255,255,255,0) 100%
  );
  pointer-events: none;
  z-index: 1;
  mix-blend-mode: screen;
}

/* Aseguramos que la imagen quede ENCIMA del overlay glass.
   Sin esto el ::after taparía la imagen. */
.enigme-vitrina > img,
.enigme-vitrina img,
.mag__hero-img > img,
.carousel-wrapper > img,
.image-wrapper > img,
.product-image-wrap > img,
.hero-image-wrap > img {
  position: relative;
  z-index: 0;
}

/* Caso especial: si el contenedor ya es el lazy hero del libro (revista),
   la imagen ya se posiciona absolute-inset para .mag__hero-img. Mantener. */
.mag__hero-img > img {
  z-index: 0;
}