.fondoArea
{
	background-color: #00050d
}

.cardLista
{
	background-color: #1A242F;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
	margin-bottom:15px;
}
.no-seleccionable {
    user-select: none;       /* Estándar */
    -webkit-user-select: none; /* Safari/Chrome */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}
.ribbon {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;   /* relativo al ancho de la imagen */
  aspect-ratio: 1/1; /* cuadrado siempre */
  overflow: hidden;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 150%;
  padding: 0.5em 0; /* usa em para que el texto no se encoja */
  background: #ff000094;
  color: white;
  font-weight: bold;
  text-align: center;
  transform: rotate(45deg);
  top: 30%;
  right: -25%;
  font-size: clamp(10px, 2vw, 16px); /* nunca demasiado pequeño ni gigante */
}
.precio-normal {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
}

.precio-oferta {
  font-weight: bold;
}

.panelListas {
    padding:50px;
}

/* Cuando la pantalla sea menor a 500px */
@media (max-width: 500px) {
    .panelListas {
        padding:10px !important;
    }
}
.misMasListas {
    padding:0px;
}

/* Cuando la pantalla sea menor a 500px */
@media (max-width: 500px) {
    .misMasListas {
        padding-left:40px;
		padding-right:40px;
    }
}

.btn-cancel-pay {
  appearance: none;
  background: transparent;
  border: 0;
  color: #6b7280;           /* gris neutro */
  font-size: 16px;
  line-height: 1;
  padding: 10px 14px;
  cursor: pointer;
  border-radius: 8px;
  transition: color .15s ease, background-color .15s ease, transform .05s ease;
}

.btn-cancel-pay:hover {
  color: #374151;           /* un poco más oscuro */
  background-color: rgba(0,0,0,0.04);
}

.btn-cancel-pay:active {
  transform: translateY(1px);
}

.btn-cancel-pay:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,.35); /* anillo de enfoque accesible */
  background-color: rgba(0,0,0,0.03);
}

.cardCfCompra
{
    border-radius: 12px;
    padding: 0;
}
    .cardCfCompra-header {
      background-color: #fff;
      border-bottom: 1px solid #e9ecef;
      padding: 12px 16px;
    }
    .cardCfCompra-body {
      padding: 8px 16px;
    }
    .cardCfCompra-body .d-flex {
      justify-content: space-between;
      padding: 4px 0;
    }
    .cardCfCompra-body .d-flex span:first-child {
      color: #6c757d; /* label gris */
      font-size: 0.9rem;
    }
    .cardCfCompra-body .d-flex span:last-child {
      font-weight: 500; /* valor */
      font-size: 0.9rem;
    }
    .cardCfCompra-body img {
      border-radius: 8px;
    }