/*
 * Clearis — Panel de conectores
 * Etiqueta del estado del producto en la tienda.
 */
.clc-state-label {
  display: inline-block;
  padding: .3em .7em;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .02em;
  border-radius: 3px;
  pointer-events: none;
}

/* Miniatura: sobre la imagen, abajo (arriba están las marcas Nuevo/descuento
   y el botón de favoritos). El contenedor .thumbnail-container ya es relative en Classic. */
.clc-state-label--miniature {
  position: absolute;
  left: .6rem;
  right: .6rem;
  bottom: .6rem;
  z-index: 3;
  text-align: center;
}

/* Ficha de producto */
.clc-state-label--product {
  margin: 0 0 .75rem;
  font-size: .85rem;
}

/* En la ficha de un producto en uno de estos estados no tiene sentido el
   «Avísame cuando esté disponible» de ps_emailalerts */
body:has(.clc-state-label--product) .js-mailalert,
body:has(.clc-state-label--product) .tabs:has(> .js-mailalert) {
  display: none !important;
}