/* =============================================================================
   componentes/item-producto.css — Tarjeta de producto  (componentes/_item-producto.php)
   -----------------------------------------------------------------------------
   La tarjeta de las rejillas y carruseles. Su aspecto base (.productos-item,
   .card-img…) viene de custom-25.css, compartido con site-25; aquí solo lo
   propio de web/: favoritos y comparar sobre la foto y los labels de campaña.
   ============================================================================= */

/* CORAZON Y COMPARAR, juntos arriba a la derecha de la tarjeta.
   El envoltorio es quien se posiciona y lleva el z-index (van SOBRE el stretched-link que
   cubre la tarjeta entera); los botones solo se apilan dentro. Antes cada uno declaraba lo
   suyo y comparar vivia al pie, centrado y aparte. */
.ss-acciones-card {
    position:absolute; top:.5rem; right:.6rem; z-index:3;
    display:flex; flex-direction:column; align-items:center; gap:.35rem;
}
.ss-fav-card { font-size:1.25rem; filter:drop-shadow(0 1px 2px rgba(255,255,255,.9)); }
.ss-acciones-card .card-comparar,
.ss-acciones-card .ss-cmp-card { filter:drop-shadow(0 1px 2px rgba(255,255,255,.9)); }

/* ---------- LABELS DE CAMPAÑA EN LA TARJETA ----------
   Los pinta el styles.css de la campaña (que no controlamos, vive en /media/campania/…) y los
   coloca arriba a la DERECHA con un z-index muy alto: justo encima del corazón de favoritos,
   que quedaba tapado y sin poder pulsarse. Favoritos no existe en site-25, así que la colisión
   es solo nuestra. Se recolocan a la IZQUIERDA, que en la tarjeta está libre.

   El selector gana al de la campaña por especificidad (0,2,0 frente a 0,1,0) y además
   esta hoja se carga después, así que vale para cualquier campaña futura sin tocar nada.
   Cubre todas las variantes: -product-list, -offer-product-list, -outlet-product-list y
   -special-gift-N. */
.productos-item [class*="campania-label-"] { right:auto; left:0; }

/* Salvo que arriba a la izquierda ya haya un sticker (próximamente / novedad / regalo de
   marca): entonces el label baja para no montarse encima. Lo marca _item-producto.php. */
.productos-item.con-sticker [class*="campania-label-"] { top:5rem; }