/*
 * Compatibilidad del navbar/footer v2 dentro de páginas legacy (header-hybrid.php).
 *
 * Bootstrap y style.css estilan elementos genéricos (ul, p, a:hover, a:visited) con más
 * especificidad que las clases v2. Estas reglas, acotadas a .xg-chrome, devuelven a cada
 * componente sus colores y espacios. Se borra este archivo cuando no quede ninguna página híbrida.
 */

/* Bootstrap: ul { padding-left: 2rem; margin-bottom: 1rem } / p { margin-bottom: 1rem } */
.xg-chrome ul,
.xg-chrome ol,
.xg-chrome p {
  margin: 0;
  padding: 0;
}

.xg-chrome ul,
.xg-chrome ol {
  list-style: none;
}

.xg-chrome {
  font-family: var(--xg-font-body);
  line-height: 1.5;
  letter-spacing: 0.15px;
}

/* style.css: a:hover, a:visited, a:active { color: var(--text-accent) } */
.xg-chrome :is(.xg-nav__link, .xg-nav__menu-link, .xg-mega__social, .xg-drawer__link, .xg-lang__toggle, .xg-footer__link):is(:link, :visited, :hover, :active) {
  color: var(--xg-on-surface);
}

.xg-chrome :is(.xg-nav__menu-link, .xg-mega__social, .xg-drawer__link, .xg-footer__link):is(:hover, :focus-visible),
.xg-chrome :is(.xg-nav__link, .xg-nav__menu-link, .xg-drawer__link, .xg-footer__link).is-current {
  color: var(--xg-primary);
}

.xg-chrome .xg-mega__intro-link:is(:link, :visited, :hover, :active) {
  color: var(--xg-primary);
}

.xg-chrome .xg-btn:is(:link, :visited, :hover, :active) {
  color: var(--xg-btn-color);
}

.xg-chrome .xg-btn--outline:is(:hover, :focus-visible) {
  color: var(--xg-primary-on-container);
}

.xg-chrome .xg-footer__legal a:is(:link, :visited, :active) {
  color: var(--xg-outline);
}

.xg-chrome .xg-footer__legal a:hover {
  color: var(--xg-on-surface);
}

/* El footer v2 trae su propio fondo; el legacy asumía otro color de body */
.xg-chrome .xg-footer {
  color: var(--xg-on-surface);
}