/* Overrides for páginas públicas secundarias */
body {
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: var(--font) !important;
}
.header a, .nav a { color: var(--text) !important; }
.card, .info-row, .empty {
  background: var(--card);
  border-color: var(--line);
  color: var(--text);
  box-shadow: var(--shadow-sm);
}
#contenido.container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.card h2, .card h3, .info-row strong, .cta strong, main.container h1, main.container h2 { color: var(--text) !important; }
.card p, .info-row p, .info-row a, .cta span, .empty, .footer { color: var(--muted) !important; }
.cta { background: var(--accent-soft); border-color: var(--line); }
.search {
  background: var(--surface);
  color: var(--text);
  border-color: var(--line);
}
.product-body h3 { color: var(--text); }
.footer-links a { color: var(--muted) !important; }
.footer-links a:hover { color: var(--blue) !important; }
.card, .info-row, .product-card {
  transition: all 200ms ease-in-out;
}
.card:hover, .info-row:hover, .product-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-hover);
}
.button, .btn-nav-login { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.contact-grid, .catalog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--space-6); }