/* UCB | Correcciones de compatibilidad sobre la estructura visual de Jorge | 2026-10-10 */
/* Portada / catalogo: legibilidad en superficie oscura */
.cedim-carreras-grid-section > div:first-child > h2 { color: #fff !important; }
.cedim-carreras-grid-section .btn--outline {
  color: #fff !important; border-color: rgba(255,255,255,.75) !important;
}
.cedim-carreras-grid-section .btn--outline:hover,
.cedim-carreras-grid-section .btn--outline:focus-visible {
  background: #fff !important; color: #111 !important;
}
.cedim-carreras-grid-section .btn--navy {
  background: #d5a841 !important; color: #111 !important;
  border-color: #d5a841 !important;
}
.cedim-carreras-grid-section .btn:focus-visible,
.lead-form :focus-visible { outline: 3px solid #d5a841; outline-offset: 3px; }
/* Contacto y admisiones: controles no deben exceder la pantalla */
#sedes > div { min-width: 0; }
#sedes > div > div, #sedes .form-card, .lead-form,
.lead-form .form-grid, .lead-form .form-group { min-width: 0; max-width: 100%; }
.lead-form input, .lead-form select, .lead-form textarea { max-width: 100%; }
.ucb-form-notice {
  font-size: 12px; line-height: 1.55; color: #595959;
  margin-top: 8px; text-align: left;
}
@media (max-width: 780px) {
  /* On form pages the dedicated WhatsApp button should not be obscured. */
  /* WhatsApp conserva su componente global; el espacio inferior evita tapar controles. */
  #sedes > div { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 24px !important; }
  #sedes > div > div { width: 100%; min-width: 0; }
  #sedes .form-card { width: 100%; min-width: 0; padding: clamp(18px, 5vw, 30px); }
  #sedes .form-grid, #formulario-admision .form-grid { grid-template-columns: minmax(0,1fr) !important; }
  .lead-form .form-group, .lead-form .form-full { grid-column: 1/-1; }
}

/* Notas de revisión: no modifican la cuadrícula ni los bloques de la base. */
.ucb-review-note { font-size: 12px; line-height: 1.6; padding: 12px 0; max-width: 76ch; color: inherit; }
.site-footer > .ucb-review-note { margin: 0 auto; padding: 18px 24px; max-width: 1200px; color: #dedede; border-top: 1px solid rgba(255,255,255,.18); }
.aplica .ucb-form-notice { color: #ddd; }
@media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } }