/**
 * ========================================
 * CAMBIO DE FONDO - Color Profesional
 * ========================================
 * Cambia el fondo blanco a gris claro profesional
 * como se ve en la versión en español
 * ========================================
 */

/* Fondo principal del body */
body {
  background-color: #f0f0f0 !important;
}

/* Fondo del contenedor principal del formulario */
.container,
.container-fluid {
  background-color: #f0f0f0 !important;
}

/* Mantener los campos de input con fondo blanco para contraste */
input[type="text"],
input[type="number"],
input[type="date"],
textarea,
select {
  background-color: #ffffff !important;
  border: 1px solid #cccccc;
}

/* Las tarjetas o secciones pueden tener un fondo ligeramente diferente */
.card {
  background-color: #fafafa !important;
}

/* Header del formulario */
.form-header,
header {
  background-color: #f0f0f0 !important;
}

/* Secciones específicas del formulario */
.form-section {
  background-color: #f5f5f5 !important;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Tablas con fondo alternado */
table {
  background-color: #ffffff !important;
}

table th {
  background-color: #e8e8e8 !important;
}

table tbody tr:nth-child(even) {
  background-color: #f9f9f9 !important;
}

/* Los modales de ayuda deben mantener fondo blanco */
.modal-content {
  background-color: #ffffff !important;
}

/* ALTERNATIVAS DE COLOR (comenta/descomenta la que prefieras) */

/* Opción 1: Gris claro (actual) */
/* Ya aplicado arriba: #f0f0f0 */

/* Opción 2: Beige claro (más cálido) */
/*
body, .container {
  background-color: #f5f5f0 !important;
}
*/

/* Opción 3: Gris azulado claro (más moderno) */
/*
body, .container {
  background-color: #f0f2f5 !important;
}
*/

/* Opción 4: Crema suave */
/*
body, .container {
  background-color: #faf9f6 !important;
}
*/