/* =========================================================================
   OBLIGATORIOS VACÍOS — capa de guía PREVIA a la validación
   =========================================================================
   Resalta con un fondo suave todo campo obligatorio que todavía está en
   blanco, desde que se abre el formulario, para ver de un vistazo qué falta
   por rellenar sin tener que pulsar Grabar primero.

   El color concreto es cosa de este fichero y solo de este fichero: en el
   resto del código se habla de "la guía de obligatorios", nunca del tono,
   para que cambiarlo no deje comentarios mintiendo por ahí.

   No es un error: es una ayuda. El rojo de `.is-invalid` que aparece al
   intentar grabar manda siempre sobre esta capa, y de ahí el
   `:not(.is-invalid)` de cada regla — así la precedencia se resuelve en el
   CSS y no depende del orden en que el JS añade o quita las clases.

   Pieza compartida: la clase la pone y la quita
   wwwroot/scripts/Helpers/obligatorios-vacios.js, y cada formulario declara
   sus propias reglas. Los formularios que se vayan sumando no necesitan
   tocar este fichero.
   ========================================================================= */

/* Ámbar muy claro. Solo el fondo, nunca el borde: el borde es de quien marca
   el estado del campo —el foco de Bootstrap, el rojo del error— y pelearse
   con él deja casillas que al pincharlas no parecen activas.

   El !important no es decorativo: compite con .bg-light de Bootstrap, que
   los formularios usan para marcar campos bloqueados (razón social de una
   persona física, país vinculado a un cliente) y que ya viene con
   !important de serie. Sin esto, esos campos se quedarían sin pintar. */
.efo-obligatorio-vacio:not(.is-invalid) {
    background-color: #fff8e6 !important;
}

/* select2 esconde el <select> real y dibuja el suyo al lado, así que el
   color hay que llevarlo al contenedor hermano. Calca la regla que ya
   existía para el rojo en Borradores.cshtml. */
.form-control.efo-obligatorio-vacio:not(.is-invalid) + .select2-container--default .select2-selection--single {
    background-color: #fff8e6 !important;
}