@import url("../individuales/base.css");
@import url("../individuales/layout.css");
@import url("../individuales/header.css");
@import url("../individuales/navegador.css");
@import url("../individuales/home-menu.css");
@import url("../individuales/cards.css");
@import url("../individuales/hero.css");
@import url("../individuales/footer.css");

.card-item.is-agotado {
  opacity: 0.45; filter: grayscale(1); position: relative; pointer-events: none;
}
.card-item.is-agotado::after {
  content: "AGOTADO"; position: absolute; top: 10px; left: 10px;
  background: #b00020; color: #fff; font-weight: 700;
  font-size: 0.75rem; padding: 4px 8px; border-radius: 6px; z-index: 2;
}