/* Estilos de tarjeta de producto (ver Services/EstilosTarjeta.cs). Un estilo nuevo = un bloque nuevo aqui. */

/* ---------- Exclusivo: borde dorado ---------- */
:root{
  --oro-1:#a67c00;
  --oro-2:#d4af37;
  --oro-3:#f6e27a;
  --oro-4:#b8860b;
  --oro-texto:#3b2a05;
  --oro-degradado:linear-gradient(135deg,var(--oro-1) 0%,var(--oro-3) 28%,var(--oro-2) 52%,#fff3c4 70%,var(--oro-4) 100%);
}

/* Borde con degradado metalico: fondo blanco en el relleno y el degradado solo en el borde. */
.product-card.estilo-exclusivo{
  position:relative;
  border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--oro-degradado) border-box;
  box-shadow:0 6px 22px rgba(166,124,0,.16);
}
.product-card.estilo-exclusivo:hover{ box-shadow:0 16px 34px rgba(166,124,0,.26); }
.product-card.estilo-exclusivo .product-category{ color:var(--oro-1); }
.product-card.estilo-exclusivo .product-bottom strong{ color:var(--oro-texto); }

/* Sello dorado arriba a la derecha (convive con "Nuevo"/"Agotado", que van a la izquierda). */
.product-sello{
  position:absolute; top:12px; right:12px; z-index:1;
  padding:5px 10px 5px 8px;
  background:var(--oro-degradado);
  color:var(--oro-texto);
  font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em;
  border-radius:2px;
  box-shadow:0 2px 8px rgba(59,42,5,.25), inset 0 1px 0 rgba(255,255,255,.55);
}
.product-sello::before{ content:"\2726"; margin-right:5px; font-size:.7rem; }

/* Brillo suave que cruza la foto al pasar el mouse (se desactiva si el usuario prefiere menos movimiento). */
.product-card.estilo-exclusivo .product-image::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,243,196,.45) 50%,transparent 65%);
  transform:translateX(-120%);
}
.product-card.estilo-exclusivo:hover .product-image::after{ transition:transform .9s ease; transform:translateX(120%); }
@media (prefers-reduced-motion: reduce){
  .product-card.estilo-exclusivo .product-image::after{ display:none; }
}

/* Pagina del producto: marco dorado en la foto y encabezado dorado. */
.product-detail.estilo-exclusivo .product-gallery-main{
  border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box, var(--oro-degradado) border-box;
  box-shadow:0 10px 30px rgba(166,124,0,.18);
}
.product-detail.estilo-exclusivo .detail-copy .eyebrow{ color:var(--oro-1); }
.product-detail.estilo-exclusivo .detail-copy .eyebrow::before{ content:"\2726  "; }
.product-detail.estilo-exclusivo .detail-copy h1{
  background:linear-gradient(90deg,var(--oro-texto),var(--oro-1));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}