/* Botón Volver */
.btn-volver:hover{
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
  transition: all .2s ease-in-out;
}

.btn-volver{
  background: #D8A9D5;
  color: #fff;
  border-color: #fff;
}

/* ====== Encabezado (título + buscador) ====== */
/* Título con borde */
.productos-title{
  font-size: clamp(1.4rem, 1.2vw + 1.1rem, 2rem);
  font-weight: 800;
  color: #000; /* letras blancas */
  text-shadow: 
     2px 2px 4px rgba(255, 255, 255),   /* sombra fuerte abajo */
    -1px -1px 2px rgba(255, 255, 255);  /* contorno fino */
}

.productos-subtle{
  color:#666;
  font-size:.95rem;
}

/* ====== Buscador ====== */
#searchProducts{
  border-left: 0;
}
.input-group-text{
  background:#fff;
}
#clearSearch.btn{
  border-left:0;
}

/* ====== Tarjetas de producto ====== */
.product-card .card{
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  overflow:hidden;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  background:#fff;
}
.product-card .card:hover{
  transform: translateY(-2px);
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.08);
  border-color: rgba(0,0,0,.14);
}

/* Imagen 16:9 con fondo neutro */
.product-card .ratio{
  background:#fff;
}
.product-card img{
  object-fit: contain;
}

/* Títulos y descripción */
.product-card .card-title{
  font-weight:700;
  color:#2c2c2c;
  margin-bottom:.35rem;
}
.product-card .card-text{
  color:#555;
  line-height:1.35;
}

/* Clamp (máx. 3 líneas) para descripciones muy largas */
.product-card .card-text{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Precio destacado */
.product-card .price{
  font-weight:800;
  font-size:1.05rem;
  color:#1c1c1c;
  margin-bottom:.6rem !important;
}

/* Botones +/- y cantidad */
.product-card .input-group{
  --bs-border-radius: 10px;
}
.product-card .btn-increase,
.product-card .btn-decrease{
  border-color:#d6d6d6;
}
.product-card .btn-increase:hover,
.product-card .btn-decrease:hover{
  filter: brightness(.95);
}
.product-card .cantidad-producto{
  max-width: 90px;
}

/* Botón marca Ayinray (si lo usas) */
.btn-aynray{
  --aynray:#D8A9D5;              /* rosa-lila pastel */
  background: var(--aynray);
  border:1px solid var(--aynray);
  color:#fff;
  font-weight:600;
}
.btn-aynray:hover{
  filter: brightness(.95);
  color:#fff;
}

/* Resultado vacío */
#noResults{
  color:#444;
}

/* Responsive spacing */
@media (max-width: 576px){
  .productos-title{ font-size: 1.35rem; }
}


/* --- Cinta pequeña (no full overlay) --- */
.ribbon-agotado {
  position: absolute !important;
  top: 50% !important;
  left: 20% !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-block !important;

  background: #dc3545 !important;
  color: #fff !important;
  padding: 6px 12px !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.15) !important;
  transform: rotate(-3deg) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Solo un leve tono a la card agotada */
.product-card.is-agotado .card {
  filter: grayscale(.2) opacity(.95);
}