/* MAGNA COMPUTACIÓN · V19.8.3 · Coherencia de apariencia móvil (modo claro) */
/* La interfaz de la marca es clara; los bloques oscuros explícitos mantienen su diseño. */
:root {
  color-scheme: light;
  color-scheme: only light;
}
html {
  background-color: #ffffff;
  -webkit-text-size-adjust: 100%;
}
body.magna-corporate {
  color-scheme: light;
  color-scheme: only light;
}
/* Controles nativos: iOS/Android no deben invertir los colores por el tema del sistema. */
body.magna-corporate :is(.contact-form, .web-contact-form, .infra-form)
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  color-scheme: light !important;
  background-color: #f7faff !important;
  color: #193c69 !important;
  border-color: #c5d9f0 !important;
  -webkit-text-fill-color: #193c69;
}
body.magna-corporate :is(.contact-form, .web-contact-form, .infra-form)
  :is(input, textarea)::placeholder {
  color: #647b97 !important;
  opacity: 1;
}
body.magna-corporate :is(.contact-form, .web-contact-form, .infra-form) select option {
  background-color: #ffffff;
  color: #193c69;
}
/* Contraste visible cuando se usa teclado o navegación accesible. */
body.magna-corporate :is(.contact-form, .web-contact-form, .infra-form)
  :is(input, select, textarea):focus-visible {
  outline: 2px solid #2465cb;
  outline-offset: 2px;
}
/* Safari y Chrome pueden pintar el autocompletado: preservar texto legible. */
body.magna-corporate :is(.contact-form, .web-contact-form, .infra-form)
  :is(input, textarea):-webkit-autofill {
  -webkit-text-fill-color: #193c69 !important;
  box-shadow: inset 0 0 0 1000px #eff6ff !important;
}
