/* Noperti - Fechas especiales (franja con imagen propia y sello PNG en la esquina de la tarjeta). */

.np-franja { position: relative; background: #cf0026; color: #fff; font-size: .88rem; font-weight: 600; overflow: hidden; }
.np-franja__link { display: block; position: relative; color: inherit; text-decoration: none; }
.np-franja__link:hover { color: inherit; }
.np-franja__txt { display: block; padding: .55rem 2.5rem; text-align: center; line-height: 1.35; }

/* Con imagen: ocupa todo el ancho y se adapta; el texto (opcional) va encima, centrado */
.np-franja--img { background: transparent; }
.np-franja__img { display: block; width: 100%; height: auto; max-height: 130px; object-fit: cover; object-position: center; }
.np-franja--img .np-franja__txt { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 3rem;
  color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .55); font-size: clamp(.8rem, 1.6vw, 1.15rem); font-weight: 700; }
.np-franja--txt-oscuro .np-franja__txt { color: #1f2430; text-shadow: 0 1px 2px rgba(255, 255, 255, .6); }
@media (max-width: 767.98px) {
  .np-franja__img--sin-movil { height: 52px; max-height: none; }   /* sin version de celular: se recorta al centro */
  .np-franja__txt { padding: .5rem 2.2rem .5rem 1rem; font-size: .8rem; }
}

.np-franja__x { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: 0; background: rgba(0, 0, 0, .35); color: #fff;
  font-size: 1.1rem; line-height: 1; cursor: pointer; border-radius: 50%; z-index: 3; }
.np-franja__x:hover { background: rgba(0, 0, 0, .55); }
.np-franja.is-closed { display: none; }

/* Sello: imagen del cliente en la esquina de la tarjeta del producto (por fuera de la foto) */
.np-sello { position: absolute; z-index: 4; pointer-events: none; line-height: 0; }
.np-sello img { display: block; width: 100%; height: auto; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .22)); }