:root {
  --field-bg: #f9fbfe;
  --field-bg-focus: #ffffff;
  --field-border: #d8e0ee;
  --field-border-strong: #c8d4e7;
  --field-text: #22324f;
  --field-muted: #75839a;
  --field-radius: 12px;
  --field-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  --field-focus-ring: 0 0 0 4px rgba(0, 140, 255, 0.12);
}

body:not(.bg-login) .page-content .formulario .datos_personales label,
body:not(.bg-login) .page-content .filtros label,
body:not(.bg-login) .page-content .form-label,
body:not(.bg-login) .modal2-contenido:not(.amplio) form label,
body:not(.bg-login) .modal2 .modal2-body label {
  display: block;
  margin: 0 0 6px;
  color: #4f5d75;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="text"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="email"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="password"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="number"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="date"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="time"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="tel"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="url"],
body:not(.bg-login) .page-content .formulario .datos_personales select,
body:not(.bg-login) .page-content .formulario .datos_personales textarea,
body:not(.bg-login) .page-content .filtros .filtro_estado,
body:not(.bg-login) .page-content .filtros .filtro_fecha input[type="date"],
body:not(.bg-login) .page-content .form-control,
body:not(.bg-login) .page-content .form-select,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="text"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="email"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="password"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="number"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="date"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="time"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="tel"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="url"],
body:not(.bg-login) .modal2-contenido:not(.amplio) select,
body:not(.bg-login) .modal2-contenido:not(.amplio) textarea,
body:not(.bg-login) .modal2 .modal2-body .form-control,
body:not(.bg-login) .modal2 .modal2-body .form-select {
  width: 100%;
  color: var(--field-text);
  background: var(--field-bg);
  border: 1px solid var(--field-border);
  border-radius: var(--field-radius);
  box-shadow: var(--field-shadow);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease;
}

body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="text"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="email"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="password"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="number"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="date"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="time"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="tel"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="url"],
body:not(.bg-login) .page-content .formulario .datos_personales select,
body:not(.bg-login) .page-content .form-control,
body:not(.bg-login) .page-content .form-select,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="text"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="email"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="password"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="number"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="date"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="time"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="tel"],
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="url"],
body:not(.bg-login) .modal2-contenido:not(.amplio) select,
body:not(.bg-login) .modal2 .modal2-body .form-control,
body:not(.bg-login) .modal2 .modal2-body .form-select {
  min-height: 46px;
  padding: 10px 14px;
}

body:not(.bg-login) .page-content .formulario .datos_personales textarea,
body:not(.bg-login) .page-content textarea.form-control,
body:not(.bg-login) .modal2-contenido:not(.amplio) textarea {
  min-height: 110px;
  padding: 12px 14px;
  resize: vertical;
  line-height: 1.55;
}

body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="text"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="email"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="password"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="number"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="date"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="time"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="tel"]:focus,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="url"]:focus,
body:not(.bg-login) .page-content .formulario .datos_personales select:focus,
body:not(.bg-login) .page-content .formulario .datos_personales textarea:focus,
body:not(.bg-login) .page-content .filtros .filtro_estado:focus,
body:not(.bg-login)
  .page-content
  .filtros
  .filtro_fecha
  input[type="date"]:focus,
body:not(.bg-login) .page-content .form-control:focus,
body:not(.bg-login) .page-content .form-select:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="text"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="email"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="password"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="number"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="date"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="time"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="tel"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[type="url"]:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) select:focus,
body:not(.bg-login) .modal2-contenido:not(.amplio) textarea:focus,
body:not(.bg-login) .modal2 .modal2-body .form-control:focus,
body:not(.bg-login) .modal2 .modal2-body .form-select:focus {
  outline: none;
  background: var(--field-bg-focus);
  border-color: #008cff;
  box-shadow: var(--field-focus-ring);
}

body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input::placeholder,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  textarea::placeholder,
body:not(.bg-login) .page-content .form-control::placeholder,
body:not(.bg-login) .modal2-contenido:not(.amplio) input::placeholder,
body:not(.bg-login) .modal2-contenido:not(.amplio) textarea::placeholder,
body:not(.bg-login) .modal2 .modal2-body .form-control::placeholder {
  color: var(--field-muted);
  opacity: 1;
}

body:not(.bg-login) .page-content .formulario .datos_personales input[readonly],
body:not(.bg-login) .page-content .formulario .datos_personales input:disabled,
body:not(.bg-login) .page-content .formulario .datos_personales select:disabled,
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  textarea:disabled,
body:not(.bg-login) .page-content .form-control[readonly],
body:not(.bg-login) .page-content .form-control:disabled,
body:not(.bg-login) .page-content .form-select:disabled,
body:not(.bg-login) .modal2-contenido:not(.amplio) input[readonly],
body:not(.bg-login) .modal2-contenido:not(.amplio) input:disabled,
body:not(.bg-login) .modal2-contenido:not(.amplio) select:disabled,
body:not(.bg-login) .modal2-contenido:not(.amplio) textarea:disabled {
  background: #eef2f8;
  color: #738099;
  border-color: #d8e0ee;
  cursor: not-allowed;
  box-shadow: none;
}

body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="checkbox"],
body:not(.bg-login)
  .page-content
  .formulario
  .datos_personales
  input[type="radio"],
body:not(.bg-login) .page-content input[type="checkbox"],
body:not(.bg-login) .page-content input[type="radio"],
body:not(.bg-login) .modal2-contenido input[type="checkbox"],
body:not(.bg-login) .modal2-contenido input[type="radio"],
body.bg-login input[type="checkbox"],
body.bg-login input[type="radio"] {
  accent-color: #008cff;
}

body:not(.bg-login) .page-content .filtros {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: end;
}

body:not(.bg-login) .page-content .filtros .filtro_estado {
  width: 220px;
  margin: 0;
  background: var(--field-bg);
  color: var(--field-text);
}

body:not(.bg-login) .page-content .filtros .filtro_fecha {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  align-items: end;
}

body:not(.bg-login) .page-content .filtros .filtro_fecha label {
  min-width: 152px;
}

body:not(.bg-login) .page-content .filtros .filtro_fecha input[type="date"] {
  background: var(--field-bg);
  color: var(--field-text);
}

body:not(.bg-login) .page-content .filtros .filtro_fecha input[type="submit"] {
  min-height: 46px;
  padding: 10px 18px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #008cff 0%, #006ad6 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  box-shadow: 0 12px 24px rgba(0, 140, 255, 0.2);
}

body:not(.bg-login) .modal2-contenido {
  border-radius: 20px;
  box-shadow: 0 22px 40px rgba(16, 24, 40, 0.14);
}

body:not(.bg-login) .modal2 .modal2-contenido .cerrar {
  color: #5f6f8a;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}

body:not(.bg-login) .modal2 .modal2-contenido .cerrar:hover {
  background: #edf4ff;
  color: #008cff;
}

body.bg-login .form-label {
  color: #30415f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.bg-login .form-control,
body.bg-login .form-select,
body.bg-login .input-group-text {
  border-radius: 14px;
  border: 1px solid var(--field-border-strong);
  box-shadow: var(--field-shadow);
}

body.bg-login .form-control,
body.bg-login .form-select {
  min-height: 48px;
  padding: 11px 14px;
  color: var(--field-text);
  background: #f9fbfe;
}

body.bg-login .form-control:focus,
body.bg-login .form-select:focus {
  border-color: #008cff;
  box-shadow: var(--field-focus-ring);
  background: #fff;
}

body.bg-login #show_hide_password .form-control {
  border-right: 0;
  border-radius: 14px 0 0 14px;
}

body.bg-login #show_hide_password .input-group-text {
  background: #f9fbfe;
  border-left: 0;
  border-radius: 0 14px 14px 0;
  color: #6d7a92;
}

body.bg-login .btn.btn-primary {
  border-radius: 14px;
  min-height: 48px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 14px 28px rgba(0, 140, 255, 0.18);
}

@media (max-width: 991px) {
  body:not(.bg-login) .page-content .filtros .filtro_estado {
    width: 100%;
  }

  body:not(.bg-login) .page-content .filtros .filtro_fecha {
    width: 100%;
  }

  body:not(.bg-login) .page-content .filtros .filtro_fecha label,
  body:not(.bg-login)
    .page-content
    .filtros
    .filtro_fecha
    input[type="submit"] {
    width: 100%;
  }
}