/* Etiquetas con ícono (gestor, 10-nov; mismo trazo que Reinvent): Nuevo = estrella, Tendencia = fuego en naranja, Oferta = %.
   Los íconos son máscaras: toman el color del texto. Comparten tienda y torre. */
:is(.producto__etiqueta, .galeria__etiqueta, .etiqueta-muestra, .combo-etiqueta):is([class*="--nuevo"], [class*="--oferta"], [class*="--tendencia"]) { display: inline-flex; align-items: center; gap: 5px; }
:is(.producto__etiqueta, .galeria__etiqueta, .etiqueta-muestra, .combo-etiqueta):is([class*="--nuevo"], [class*="--oferta"], [class*="--tendencia"])::before {
  content: ""; width: 1.2em; height: 1.2em; flex: none; background: currentColor; -webkit-mask: var(--icono) center / contain no-repeat; mask: var(--icono) center / contain no-repeat; }
[class*="etiqueta--nuevo"] { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M11.5 2.3a.6.6 0 0 1 1 0l2.8 5.8 6.3.9a.6.6 0 0 1 .3 1l-4.6 4.5 1.1 6.3a.6.6 0 0 1-.8.6L12 18.4l-5.6 3a.6.6 0 0 1-.8-.6l1.1-6.3L2.1 10a.6.6 0 0 1 .3-1l6.3-.9z'/%3E%3C/svg%3E"); }
[class*="etiqueta--oferta"] { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E"); }
[class*="etiqueta--tendencia"] { --icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2c.6 3.4 2.4 5.2 4.2 7 1.7 1.7 2.8 3.6 2.8 6a7 7 0 0 1-14 0c0-2.2.9-3.9 2.2-5.3.3 1.6 1.1 2.8 2.3 3.3C9.2 9.6 9.9 5.4 12 2z'/%3E%3C/svg%3E"); }
:is(.producto__etiqueta, .galeria__etiqueta, .combo-etiqueta)[class*="--tendencia"] { background: #F26B1D; color: #fff; box-shadow: none; }
/* «Nuevo» sobre la foto de la ficha salía navy sobre navy (club.css pinta .galeria__etiqueta después que su variante): aquí gana. */
:is(.producto__etiqueta, .galeria__etiqueta, .combo-etiqueta)[class*="--nuevo"] { background: #fff; color: var(--navy, #0D2850); box-shadow: inset 0 0 0 2px currentColor; }