/* Capa global que alinea todo el sitio con el home de tienda (home.css).
   Se carga al final: aquí se neutralizan los marcos dobles y el fondo con degradado. */

/* Fondo sólido en todas las páginas (el degradado "fixed" y las auroras se veían como una franja) */
html, body { background: var(--hx-paper, #FAFAF9) !important; }
body::before, body::after { display: none !important; }

/* ── Tarjeta de producto (catálogo, relacionados, búsqueda) ── */
.product-card.pc-new-card {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.product-card.pc-new-card::before { display: none !important; }
.product-card.pc-new-card:hover { transform: none !important; box-shadow: none !important; }
.pc-new-card .pc-media {
  border-radius: 18px !important;
  background: #fff !important;
  border: 1px solid rgba(11, 11, 16, .06) !important;
}
.pc-new-card .product-card-img { object-fit: cover !important; padding: 0 !important; transition: opacity .4s, transform .7s var(--ease) !important; }
.pc-new-card:hover .pc-img-main { transform: scale(1.05); }
.pc-new-card .pc-body { padding: 14px 4px 0 !important; }
.pc-new-card .pc-name {
  font-size: 1rem !important; font-weight: 600 !important; line-height: 1.35 !important;
  color: var(--hx-ink, #0B0B10) !important; min-height: 2.7em;
}
.pc-new-card .pc-price-row { border: 0 !important; padding: 0 !important; margin: 0 !important; gap: 2px; }
.pc-new-card .pc-price { font-size: 1.12rem !important; font-weight: 800 !important; color: var(--hx-ink, #0B0B10) !important; }
.pc-new-card .pc-price small { font-size: .72rem; font-weight: 600; color: var(--hx-muted, #6B6B76); }
.pc-new-card .pc-ship { font-size: .8rem !important; color: var(--hx-muted, #6B6B76) !important; }
.pc-new-card .pc-badge-new { background: var(--hx-ink, #0B0B10); color: #fff; border-radius: 999px; padding: 5px 10px; }
.pc-new-card .pc-badge-featured { border-radius: 999px; padding: 5px 10px; }
.pc-new-card .pc-action-btn { background: #fff !important; }
.pc-new-card .pc-action-btn:hover { background: var(--hx-ink, #0B0B10) !important; color: #fff !important; }
.products-grid { gap: 28px 20px !important; }

/* Chips de filtro del catálogo: activo en negro como las pestañas del home */
.filter-btn.active { background: var(--hx-ink, #0B0B10) !important; color: #fff !important; border-color: var(--hx-ink, #0B0B10) !important; }

/* ── Pie de página oscuro, a todo lo ancho ── */
#main-footer {
  margin: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: var(--hx-ink, #0B0B10) !important;
  color: rgba(255, 255, 255, .7);
  padding: 72px 0 36px !important;
}
#main-footer::before, #main-footer::after { display: none !important; }
#main-footer .footer-logo-mark img { filter: brightness(0) invert(1); height: 48px !important; }
#main-footer .footer-brand-desc { color: rgba(255, 255, 255, .62) !important; max-width: 26rem; }
#main-footer .footer-col-title { color: #fff !important; letter-spacing: .04em; }
#main-footer .footer-col-links a { color: rgba(255, 255, 255, .62) !important; }
#main-footer .footer-col-links a:hover { color: #fff !important; }
#main-footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, .1) !important; }
#main-footer .footer-bottom p, #main-footer .footer-bottom-copy, #main-footer .footer-bottom-brand { color: rgba(255, 255, 255, .5) !important; }
#main-footer .footer-bottom a { color: #fff !important; }
@media (max-width: 768px) {
  #main-footer { padding: 56px 0 120px !important; } /* libra el dock flotante */
}