/**
 * Paleta AySG unificada (misma que campus/index.html).
 * Cargar después de styles.css e inline :root legacy.
 */

:root {
  --navy: #0D0D0D;
  --navy-dark: #2F2F2F;
  --sky: #FF7A00;
  --sky-dark: #FFB86B;
  --cream: #E0E0E0;
  --teal: #FF7A00;
  --peach: #FFB86B;
  --gold: #FFB86B;
  --white: #ffffff;
  --text: #0D0D0D;
  --muted: #2F2F2F;

  --brand: var(--navy) !important;
  --brand-alt: var(--teal) !important;
  --dark: var(--navy) !important;
  --dark-soft: var(--text) !important;
  --light: var(--cream) !important;
  --line: rgba(13, 13, 13, 0.12) !important;
  --ink: var(--text) !important;
  --bg: var(--cream) !important;
  --cta: var(--sky) !important;
  --cta-alt: var(--sky-dark) !important;

  --curso-rojo: var(--navy) !important;
  --curso-terracota: var(--teal) !important;
}

html,
body {
  color: var(--text);
}

body:not(.curso):not(.aysg-campus-body) {
  background: var(--cream) !important;
}

body.encuadre-page,
body.login-page {
  background: var(--cream) !important;
}

.quick-menu nav.quick-menu .quick-menu-links > .quick-link:not(.active):not(.is-active) i,
body:not(.aysg-campus-body) nav.quick-menu .quick-link:not(.active):not(.is-active) i {
  color: var(--navy);
}

.quick-menu {
  border-bottom-color: var(--navy) !important;
}

nav.quick-menu .quick-link.active,
nav.quick-menu .quick-link.is-active,
nav.quick-menu .quick-link:hover,
nav.quick-menu .quick-link:focus-visible {
  background: var(--teal) !important;
  color: var(--white) !important;
  border-color: var(--teal) !important;
}

nav.quick-menu .quick-link.active i,
nav.quick-menu .quick-link.is-active i,
nav.quick-menu .quick-link:hover i,
nav.quick-menu .quick-link:focus-visible i {
  color: var(--white) !important;
}

body.aysg-campus-body nav.quick-menu .quick-link.active,
body.aysg-campus-body nav.quick-menu .quick-link.is-active,
body.aysg-campus-body nav.quick-menu .quick-link:hover,
body.aysg-campus-body nav.quick-menu .quick-link:focus-visible {
  background: var(--teal) !important;
  color: var(--white) !important;
  border-color: var(--teal) !important;
}

body.aysg-campus-body nav.quick-menu .quick-link.active i,
body.aysg-campus-body nav.quick-menu .quick-link.is-active i,
body.aysg-campus-body nav.quick-menu .quick-link:hover i,
body.aysg-campus-body nav.quick-menu .quick-link:focus-visible i {
  color: var(--white) !important;
}

.btn.primary,
button.btn.primary,
.btn-enter,
.btn-contact,
.login-submit,
.encuadre-actions .primary {
  background: var(--navy) !important;
  background-image: none !important;
  border-color: var(--navy) !important;
  color: var(--white) !important;
}

.btn.primary:hover,
button.btn.primary:hover,
.btn-enter:hover,
.login-submit:hover {
  background: var(--navy-dark) !important;
  filter: none !important;
}

.site-header::after {
  background: var(--teal) !important;
}

.brand-header::after {
  background: rgba(13, 13, 13, 0.08) !important;
}

/* Pie AySG unificado: ocultar footer legacy YouPro cuando existe #aysg-campus-footer */
body:has(#aysg-campus-footer) footer#contacto,
body:has(#aysg-campus-footer) footer.site-footer:not(.site-footer--aysg),
body.campus-has-aysg-footer footer#contacto,
body.campus-has-aysg-footer footer.site-footer:not(.site-footer--aysg),
footer#contacto.aysg-legacy-hidden,
footer.site-footer.aysg-legacy-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}