/* Capa visual reversible: se activa solo cuando el análisis detecta un fondo
   blanco o transparente. Las fotografías que ya llenan bien la tarjeta no cambian. */
.grid[data-koda-apariencia="moderna"] > div > .koda-enhanced-product-media,
.koda-product-card-modern > .koda-enhanced-product-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #05070a !important;
}

.grid[data-koda-apariencia="moderna"] > div > .koda-enhanced-product-media::before,
.koda-product-card-modern > .koda-enhanced-product-media::before {
  position: absolute;
  z-index: 0;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 198, 42, .32) 0%, rgba(248, 173, 25, .13) 38%, rgba(5, 7, 10, 0) 72%);
  content: '';
  filter: blur(5px);
  pointer-events: none;
}

/* El Pisco Sour necesita más separación tonal porque tanto la espuma como el
   cóctel son claros. Se conserva la foto original y se realza solo al mostrarla. */
.grid[data-koda-apariencia="moderna"] > div > .koda-pisco-sour-media,
.koda-product-card-modern > .koda-pisco-sour-media {
  background:
    radial-gradient(ellipse at 50% 54%, rgba(116, 73, 17, .72) 0%, rgba(43, 30, 14, .48) 40%, rgba(5, 7, 10, 0) 68%),
    #05070a !important;
}

.grid[data-koda-apariencia="moderna"] > div > .koda-pisco-sour-media::before,
.koda-product-card-modern > .koda-pisco-sour-media::before {
  width: 88%;
  background: radial-gradient(circle, rgba(255, 194, 61, .42) 0%, rgba(199, 124, 24, .18) 43%, rgba(5, 7, 10, 0) 74%);
  filter: blur(7px);
}

.grid[data-koda-apariencia="moderna"] img.koda-product-cutout,
.koda-product-card-modern img.koda-product-cutout {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 2px !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: brightness(1.08) contrast(1.07) saturate(1.12) drop-shadow(0 8px 10px rgba(0, 0, 0, .72));
  transform-origin: center;
}

.grid[data-koda-apariencia="moderna"] img.koda-pisco-sour-cutout,
.koda-product-card-modern img.koda-pisco-sour-cutout {
  padding: 7px !important;
  filter: brightness(1.02) contrast(1.18) saturate(1.1)
    drop-shadow(0 2px 2px rgba(255, 255, 255, .18))
    drop-shadow(0 10px 13px rgba(0, 0, 0, .86));
}

/* Sangría compacta y tipografía premium. Los valores se mantienen contenidos
   para conservar tres tarjetas por fila en pantallas móviles. */
.grid[data-koda-apariencia="moderna"] > div > div:nth-child(2) {
  padding-inline: clamp(9px, 1.15vw, 12px) !important;
  padding-top: 9px !important;
}

.grid[data-koda-apariencia="moderna"] > div > div:last-child {
  padding-inline: clamp(9px, 1.15vw, 12px) !important;
  padding-bottom: 8px !important;
}

.grid[data-koda-apariencia="moderna"] > div > div:nth-child(2) p,
.grid[data-koda-apariencia="moderna"] > div > div:last-child,
.koda-product-card-modern > div:not(.koda-product-card-modern__media) {
  font-kerning: normal;
  font-variant-numeric: tabular-nums;
  letter-spacing: .012em;
}

.grid[data-koda-apariencia="moderna"] > div > div:nth-child(2) > div:first-child > p:first-child,
.grid[data-koda-apariencia="moderna"] > div > div:nth-child(2) > p.font-bold,
.grid[data-koda-apariencia="moderna"] > div > div:last-child .font-bold {
  letter-spacing: .018em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .38);
}

@media (max-width: 520px) {
  .grid[data-koda-apariencia="moderna"] > div > div:nth-child(2),
  .grid[data-koda-apariencia="moderna"] > div > div:last-child {
    padding-inline: 8px !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .grid[data-koda-apariencia="moderna"] > div:hover img.koda-product-cutout,
  .koda-product-card-modern:hover img.koda-product-cutout {
    transform: scale(1.025);
  }
}