/* Acentos de carrera: estructura compartida, paleta definida por cada programa.
   Solo las fichas con tema_color cargan estos estilos. */
body.programa-color :is(.br-shell, .br-contact, .lead-modal) {
  --accent: var(--career-ink);
  --accent-hover: var(--career-hover);
  --accent-light: var(--career-on-dark);
}
/* Hero claro, con texto oscuro y acento propio de la carrera. */
body.programa-color .br-hero {
  background: var(--career-surface);
  border-top: 4px solid var(--career-color);
}
body.programa-color .br-hero h1 em { color: var(--career-color); }
body.programa-color .br-hero h1 { color: var(--navy); }
body.programa-color .br-hero :is(.br-intro, .br-hero-note, .br-hero-facts dt, .br-call) { color: var(--muted); }
body.programa-color .br-hero :is(.br-hero-note strong, .br-hero-facts dd) { color: var(--navy); }
body.programa-color .br-hero-facts > div { border-color: var(--career-border); }
body.programa-color .academic-hero-link { color: var(--career-ink); }
body.programa-color .br-badges span { color: var(--career-ink); border-color: var(--career-border); background: white; }
body.programa-color .br-badges span:first-child {
  background: var(--career-action);
  border-color: var(--career-action);
  color: white;
}
body.programa-color .br-hero-card { background: white; border-color: var(--career-border); }
body.programa-color .br-shell .br-button:not(.br-button--outline) {
  background: var(--career-action);
  border-color: var(--career-action);
  color: white;
}
body.programa-color .br-shell .br-button:not(.br-button--outline):hover {
  background: var(--career-hover);
  border-color: var(--career-hover);
}
body.programa-color .br-card-actions .br-button--outline {
  color: var(--career-ink);
  border-color: var(--career-border);
  background: transparent;
}
body.programa-color .br-card-actions .br-button--outline:hover {
  background: var(--career-hover);
  border-color: var(--career-hover);
  color: white;
}
/* Lectura: mantener títulos ciruela y usar el acento en etiquetas y estados. */
body.programa-color .br-reading .bv-eyebrow { color: var(--career-ink); }
body.programa-color .br-reading .editorial-link { color: var(--career-ink); }
body.programa-color .br-navigation a:hover { background: var(--career-soft); color: var(--career-ink); }
body.programa-color .br-navigation :is([aria-selected="true"], [aria-current="location"]) {
  background: var(--career-soft);
  color: var(--career-ink);
  border-color: var(--career-color);
}
body.programa-color :is(.academic-audience, .academic-outcomes, .academic-validity, .br-benefits > div) {
  background: var(--career-soft);
  border-color: var(--career-border);
}
body.programa-color .academic-validity { border-left: 4px solid var(--career-color); }
body.programa-color .academic-admission-steps li > span { background: var(--career-soft); color: var(--career-ink); }
body.programa-color .br-shell :focus-visible { outline-color: var(--career-action); }
body.programa-color .br-hero :focus-visible { outline-color: var(--career-action); }
body.programa-color .academic-related { background: var(--career-surface); color: var(--ink); }
body.programa-color .academic-related :is(.sec-title, h3) { color: var(--navy); }
body.programa-color .academic-related .bv-eyebrow { color: var(--career-ink); }
body.programa-color :is(.academic-related-heading > p, .academic-related-card p) { color: var(--muted); }
body.programa-color .academic-related-card { background: white; border-color: var(--career-border); }
body.programa-color .academic-related-card:hover { background: white; border-color: var(--career-color); }
body.programa-color .academic-related-card > div > span { color: var(--career-ink); }
/* Contacto y modal: mismo acento, sin alterar la identidad compartida de IUAF. */
body.programa-color .br-contact { background: var(--career-surface); }
body.programa-color .br-contact .bv-eyebrow { color: var(--career-ink); }
body.programa-color :is(.br-contact, .lead-modal) .form .btn {
  background: var(--career-action);
  border-color: var(--career-action);
  color: white;
}
body.programa-color :is(.br-contact, .lead-modal) .form .btn:hover { background: var(--career-hover); border-color: var(--career-hover); }
body.programa-color .lead-modal-head { border-bottom: 3px solid var(--career-color); }