:root {
  --vk-black: #1c1c1c;              /* negro elegante para títulos/textos */
  --vk-accent: #8B5E3C;             /* marrón tostado */
  --vk-accent-dk: #4B2E1D;          /* marrón oscuro profundo para hover */
  --vk-accent-alt: #D4A054;         /* dorado suave para destacar/enlaces */
  --vk-accent-light: #F8EFE9;       /* fondo claro tipo crema */
  --vk-border-light: #e5d1c3;       /* beige claro para bordes */
  --pills-background-color-active: var(--vk-accent);
  --pills-background-color-hover: var(--vk-border-light);
  --pills-text-color-active: #ffffff;
}

/* MENU superior y navegación */
.navigation,
.navbar,
.navigation-background,
#header,
.navigation-background-color {
  background: var(--vk-accent) !important;
  color: #ffffff !important;
}

.navigation a,
.navbar a,
#header a {
  color: #ffffff !important;
  font-weight: 500;
}

.navigation a:hover,
.navbar a:hover,
#header a:hover {
  color: var(--vk-accent-alt) !important; /* dorado suave */
}

/* FOOTER */
footer.footer,
#footer {
  background: var(--vk-accent-dk) !important;
  color: #ffffff !important;
  border-top: 2px solid var(--vk-accent-alt);
}

footer.footer a,
#footer a {
  color: #ffffff !important;
}

footer.footer a:hover,
#footer a:hover {
  color: var(--vk-accent-alt) !important;
}

/* Menú desplegable */
.dropdown-menu {
  background: #fffaf5;
  color: var(--vk-accent);
  border: 1px solid var(--vk-border-light);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.dropdown-menu a,
.dropdown-item {
  color: var(--vk-black) !important;
  background-color: transparent !important;
  font-weight: 500;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
  background-color: var(--vk-accent-dk) !important;
  color: #ffffff !important;
}

/* Pills (nav) */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: var(--vk-accent) !important;
  color: var(--pills-text-color-active) !important;
  font-weight: bold;
}

.nav-pills .nav-link:not(.active):hover {
  background: var(--vk-accent-dk) !important;
  color: var(--vk-accent-alt) !important;
}

/* Breadcrumb */
ul.breadcrumb {
  background-color: var(--pills-background-color-hover) !important;
  border-radius: .25rem;
  padding: .5rem .75rem;
  border: 1px solid var(--vk-border-light);
  color: var(--vk-black);
}

ul.breadcrumb a {
  color: var(--vk-black);
  text-decoration: none;
}

ul.breadcrumb a:hover {
  color: var(--vk-accent-alt) !important;
}

/* Títulos y encabezados */
h1, h2, h3, h4 {
  color: var(--vk-black);
}

/* Botones secundarios */
.btn-secondary {
  background-color: var(--vk-accent-dk);
  color: #ffffff;
  border: none;
}

.btn-secondary:hover {
  background-color: var(--vk-accent);
  color: var(--vk-accent-alt);
}

/* FOOTER */
footer.footer,
#footer {
  background: var(--vk-accent) !important; /* antes: var(--vk-accent-dk) */
  color: #ffffff !important;
  border-top: 2px solid var(--vk-accent-alt);
}

footer.footer a,
#footer a {
  color: #ffffff !important;
}

/* Asegura que los títulos también se vean blancos */
footer.footer h1,
footer.footer h2,
footer.footer h3,
footer.footer h4,
footer.footer strong,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer strong {
  color: #ffffff !important;
}