/* Modulare ERP · Campos de formulario (compartido por todos los módulos)
   Los textos de ejemplo y los campos sin llenar se ven claros y en cursiva,
   para que nadie confunda un ejemplo con un dato ya escrito. */

:root { --campo-ejemplo: #b4c0c9; }

/* Textos de ejemplo (placeholder) en campos de texto y notas */
input::placeholder,
textarea::placeholder {
  color: var(--campo-ejemplo);
  opacity: 1;
  font-style: italic;
  font-weight: 300;
}

/* Fechas y horas sin valor: "mm/dd/yyyy" se ve como ejemplo, no como dato
   (la clase .campo-vacio la pone campos.js) */
input.campo-vacio:not(:focus)::-webkit-datetime-edit { color: var(--campo-ejemplo); font-style: italic; }
@supports (-moz-appearance: none) {
  input.campo-vacio:not(:focus) { color: var(--campo-ejemplo); font-style: italic; }
}

/* Selectores con la opción "Elige…" todavía puesta */
select.campo-vacio { color: var(--campo-ejemplo) !important; font-style: italic; }
select.campo-vacio option { color: #2d3f4e; font-style: normal; }