.modal.modal-animais {
  max-width: 1300px;
  max-height: 90vh;

  --color-bg-primary: var(--color-bg-white);
  --color-bg-secondary: var(--color-bg-light);
  --color-bg-tertiary: var(--color-bg-neutral-light);
  --color-neutral-100: var(--color-bg-light);
  --color-neutral-200: var(--color-bg-neutral-light);
  --color-text-primary: #12151f;
  --color-text-secondary: #394360;
  --color-text-muted: #7a839f;
  --color-border: #ced3e2;
  --color-border-light: #e6e8ef;
}

.mai-icone {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--color-accent-100, #e8eafb);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mai-icone i {
  font-size: 20px;
  color: var(--color-accent-400, #4355db);
}

:root {
  --mai-cor-b19-bg: #dbeafe;
  --mai-cor-b19-text: #1d4ed8;
  --mai-cor-rb51-bg: #ede9fe;
  --mai-cor-rb51-text: #5b21b6;
  --mai-cor-vacinada-bg: #dcfce7;
  --mai-cor-vacinada-text: #166534;
}
.modal.modal-animais .badge.badge-outline {
  --_badge-text: var(--color-text-muted);
}

.badge.mai-badge-macho {
  --_badge-bg: var(--mai-cor-b19-bg);
  --_badge-text: var(--mai-cor-b19-text);
}

.badge.mai-badge-femea {
  --_badge-bg: var(--mai-cor-rb51-bg);
  --_badge-text: var(--mai-cor-rb51-text);
}

.badge.mai-badge-meses {
  --_badge-bg: var(--mai-cor-vacinada-bg);
  --_badge-text: var(--mai-cor-vacinada-text);
}