/*  THEMES CSS */

body {
  background-color: var(--bg);
  color: var(--text);
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4, 
.theme-dark h5 {
  color: #ffffff;
}

.theme-dark .categoria,
.theme-dark .categoria-card,
.theme-dark .carta-info h4 {
  color: #ffffff;
}

.theme-dark .descripcion,
.theme-dark .promo-desc {
  color: rgba(248, 247, 247, 0.959);
}

.theme-dark .promo-title {
  color: #fff;
}

.theme-dark .promo-desc {
  color: rgba(255, 255, 255, 0.63);
}

.theme-dark .btn-success {
  background-color: var(--color-primario) !important;
  border-color: var(--color-primario) !important;
  color: #000;
}

.theme-dark .btn-outline-primary {
  background-color: var(--bg-card);
  border: 1px solid var(--border-soft);
  color: #fff;
}

.theme-dark .btn-outline-primary:hover {
  background-color: #3a3a3a;
  border-color: #555;
  color: #fff;
}

.theme-dark .search-overlay,
.theme-dark .search-header {
  background: #121212 !important;
}


:root {
  --bg: #ffffff;
  --bg-card: #f8f9fa;
  --text: #000;
  --border-soft: rgba(0,0,0,0.08);
}

.theme-light {
  --bg: #ffffff;
  --bg-card: #f8f9fa;
  --text: #000;
  --border-soft: rgba(0,0,0,0.08);
}

.theme-semi {
  --bg: #f1f1f1;
  --bg-card: #ffffff;
  --text: #111;
  --border-soft: rgba(0,0,0,0.1);
}

.theme-dark {
  --bg: #121212;
  --bg-card: #1a1a1a;
  --text: #ffffff;
  --border-soft: rgba(255,255,255,0.08);
}

.theme-dark .card {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-soft);
  color: var(--text);
}

.theme-dark .card .text-muted {
  color: rgba(255, 255, 255, 0.849) !important;
}

.theme-dark {
  background-color: var(--bg);
  color: var(--text);
}

/* 🔥 eliminar fondos blancos globales */
.theme-dark .bg-light,
.theme-dark .bg-white {
  background-color: transparent !important;
}

/* 🔥 contenedores */
.theme-dark .container,
.theme-dark .container-fluid,
.theme-dark .row {
  background: transparent !important;
}

.theme-dark .btn-warning {
  background-color: #444 !important;
  border-color: #6e6d6d !important;
  color: #fff !important;
}

.theme-dark .btn-warning:hover {
  background-color: #8b8b8b !important;
  border-color: #3a3a3a !important;
}

.theme-dark .btn {
  border-radius: 10px;
}

.theme-dark .modal-content {
  background-color: var(--bg-card) !important;
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.8);
  border: 1px solid var(--border-soft);
}

.theme-dark .modal-header {
  background-color: var(--bg-card);
  border-bottom: 1px solid var(--border-soft);
  color: #fff;
}

.theme-dark .modal-body {
  background-color: var(--bg-card);
  color: #fff;
}

.theme-dark .modal-footer {
  background-color: var(--bg-card);
  border-top: 1px solid var(--border-soft);
}

.theme-dark .modal .btn-warning {
  background-color: #444 !important;
  color: #fff !important;
  border: none;
}

.theme-dark .btn-close {
  filter: invert(1);
}

.theme-dark .modal-backdrop.show {
  opacity: 0.8;
}

.theme-dark .navbar {
  background-color: rgba(68, 67, 67, 0.95) !important;
}

.theme-dark .navbar a,
.theme-dark .navbar span,
.theme-dark .navbar .nav-link {
  color: #fff !important;
}

.theme-dark .navbar .nav-link:hover {
  color: var(--color-primario) !important;
}