/**
 * Paleta Miacom (https://miacom.co/assets/css/main.css)
 * Acento: #e62877  | Hover: #e72276  | Títulos: #273d4e  | Oscuro: #000910
 */
:root {
  --mia-accent: #e62877;
  --mia-accent-hover: #e72276;
  --mia-accent-dark: #c51e64;
  --mia-accent-soft: #fde8f1;
  --mia-heading: #273d4e;
  --mia-ink: #444444;
  --mia-dark: #000910;
  --mia-nav: #e5eaee;
  --mia-accent-rgb: 230, 40, 119;
}

:root,
[data-bs-theme=light] {
  --bs-primary: #e62877;
  --bs-primary-rgb: 230, 40, 119;
  --bs-blue: #e62877;
  --bs-purple: #e62877;
  --bs-pink: #e62877;
  --bs-primary-text-emphasis: #7a103d;
  --bs-primary-bg-subtle: #fde8f1;
  --bs-primary-border-subtle: #f5b3cf;
  --bs-link-color: #e62877;
  --bs-link-color-rgb: 230, 40, 119;
  --bs-link-hover-color: #c51e64;
  --bs-link-hover-color-rgb: 197, 30, 100;
  --bs-menu-item-active-color: #e62877;
  --bs-sidebar-menu-item-active-color: #e62877;
  --bs-header-colored-bg: #e62877;
  --bs-focus-ring-color: rgba(230, 40, 119, 0.25);
  --bs-header-bg: #000000;
  --bs-header-item-color: #ffffff;
  --bs-header-item-sub-color: #e5eaee;
  --bs-header-dark-bg: #000000;
  --bs-header-dark-item-color: #ffffff;
}

:root [data-sidebar=dark],
[data-bs-theme=light] [data-sidebar=dark] {
  --bs-sidebar-dark-bg: #000910;
  --bs-sidebar-dark-menu-item-color: #e5eaee;
  --bs-sidebar-dark-menu-sub-item-color: #c5ced6;
  --bs-sidebar-dark-menu-item-icon-color: #e5eaee;
  --bs-sidebar-dark-menu-item-hover-color: #ffffff;
  --bs-sidebar-dark-menu-item-active-color: #e62877;
}

:root [data-sidebar=light],
[data-bs-theme=light] [data-sidebar=light] {
  --bs-sidebar-menu-item-active-color: #e62877;
}

.btn-primary {
  --bs-btn-bg: #e62877;
  --bs-btn-border-color: #e62877;
  --bs-btn-hover-bg: #c51e64;
  --bs-btn-hover-border-color: #c51e64;
  --bs-btn-active-bg: #b01858;
  --bs-btn-active-border-color: #b01858;
  --bs-btn-disabled-bg: #e62877;
  --bs-btn-disabled-border-color: #e62877;
}

.btn-outline-primary {
  --bs-btn-color: #e62877;
  --bs-btn-border-color: #e62877;
  --bs-btn-hover-bg: #e62877;
  --bs-btn-hover-border-color: #e62877;
  --bs-btn-active-bg: #c51e64;
  --bs-btn-active-border-color: #c51e64;
  --bs-btn-disabled-color: #e62877;
  --bs-btn-disabled-border-color: #e62877;
}

.btn-soft-primary {
  color: #e62877 !important;
  background-color: #fde8f1 !important;
  border-color: transparent !important;
}

.text-primary,
a.text-primary {
  color: #e62877 !important;
}

.bg-primary {
  background-color: #e62877 !important;
}

.bg-soft-primary,
.bg-light-primary {
  background-color: #fde8f1 !important;
  color: #e62877 !important;
}

.border-primary {
  border-color: #e62877 !important;
}

.badge.bg-primary,
.badge.bg-soft-primary {
  background-color: #e62877 !important;
  color: #fff !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #e62877;
  box-shadow: 0 0 0 0.2rem rgba(230, 40, 119, 0.18);
}

.form-check-input:checked {
  background-color: #e62877;
  border-color: #e62877;
}

.page-item.active .page-link,
.pagination .page-item.active .page-link {
  background-color: #e62877;
  border-color: #e62877;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #e62877;
}

.progress-bar {
  background-color: #e62877;
}

#page-topbar {
  background-color: #000 !important;
}

#page-topbar .header-item,
#page-topbar .header-item i,
#page-topbar .noti-icon i {
  color: #fff !important;
}

#page-topbar .navbar-header .dropdown .show.header-item {
  background-color: rgba(255, 255, 255, 0.08);
}

body[data-sidebar=dark] .vertical-menu {
  background: #000910;
}

body[data-sidebar=dark] .navbar-brand-box {
  background: #000;
}

.navbar-brand-box .logo img,
.authentication-logo img,
.login-logo-wrap img {
  background: transparent !important;
}

body[data-sidebar=dark] #sidebar-menu ul li a:hover,
body[data-sidebar=dark] #sidebar-menu ul li a:hover i,
body[data-sidebar=dark] .mm-active > a,
body[data-sidebar=dark] .mm-active > a i,
body[data-sidebar=dark] .mm-active .active,
body[data-sidebar=dark] .mm-active .active i {
  color: #e62877 !important;
}

.page-title-box h4,
h1, h2, h3, h4, h5, h6 {
  color: var(--mia-heading);
}

body[data-sidebar=dark] .menu-title {
  color: #e5eaee;
}

/* Dark: texto claro sobre fondos oscuros (panel Versión y resto de la intranet) */
[data-bs-theme=dark] {
  --mia-heading: #ffffff;
  --bs-heading-color: #ffffff;
  --bs-primary: #e62877;
  --bs-primary-rgb: 230, 40, 119;
  --bs-primary-text-emphasis: #ff8cc0;
  --bs-primary-bg-subtle: #3a1526;
  --bs-primary-border-subtle: #7a2a4e;
  --bs-link-color: #ff7ab3;
  --bs-link-hover-color: #ff9ac6;
  --bs-link-color-rgb: 255, 122, 179;
  --bs-link-hover-color-rgb: 255, 154, 198;
  --bs-header-bg: #000000;
  --bs-header-item-color: #ffffff;
  --bs-header-item-sub-color: #e5eaee;
}

[data-bs-theme=dark] .page-title-box h4,
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
  color: #fff;
}

[data-bs-theme=dark] .text-dark,
[data-bs-theme=dark] .text-black,
[data-bs-theme=dark] .text-black-50 {
  color: #f1f5f7 !important;
}

[data-bs-theme=dark] .text-muted,
[data-bs-theme=dark] .card-title-desc {
  color: #c5ced6 !important;
}

[data-bs-theme=dark] .text-primary,
[data-bs-theme=dark] a.text-primary {
  color: #ff7ab3 !important;
}

[data-bs-theme=dark] .bg-soft-primary,
[data-bs-theme=dark] .bg-light-primary {
  background-color: rgba(230, 40, 119, 0.22) !important;
  color: #ff8cc0 !important;
}

[data-bs-theme=dark] .btn-soft-primary {
  color: #ff8cc0 !important;
  background-color: rgba(230, 40, 119, 0.2) !important;
}

[data-bs-theme=dark] .right-bar,
[data-bs-theme=dark] .right-bar .form-check-label {
  color: #e9ecef;
}

[data-bs-theme=dark] .rightbar-title h5,
[data-bs-theme=dark] .right-bar h6 {
  color: #fff;
}

[data-bs-theme=dark] .right-bar hr {
  color: rgba(255, 255, 255, 0.28);
  opacity: 1;
  border-top-color: rgba(255, 255, 255, 0.28);
}

[data-bs-theme=dark] .footer {
  color: #c5ced6;
}

[data-bs-theme=dark] .dropdown-item {
  color: #e9ecef;
}

[data-bs-theme=dark] .dropdown-item:hover,
[data-bs-theme=dark] .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme=dark] .form-label,
[data-bs-theme=dark] label {
  color: #e9ecef;
}

[data-bs-theme=dark] .table,
[data-bs-theme=dark] .table > :not(caption) > * > * {
  color: #e9ecef;
}

[data-bs-theme=dark] .breadcrumb-item,
[data-bs-theme=dark] .breadcrumb-item a {
  color: #c5ced6;
}

.waves-effect.waves-light {
  background: #e62877;
}

:root {
  --login-primary: #e62877;
  --login-primary-dark: #c51e64;
  --m-primary: #e62877;
  --m-primary-dark: #c51e64;
}

.doc-file-badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  height: 52px;
  padding: 4px 6px 5px;
  border-radius: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1;
  flex-shrink: 0;
  gap: 3px;
}
.doc-file-badge i,
.doc-file-badge i::before {
  font-family: remixicon !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 22px;
  line-height: 1;
  display: block;
  -webkit-font-smoothing: antialiased;
}
.doc-file-badge-ext {
  font-family: Inter, Arial, sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
}
.doc-file-badge--sm {
  flex-direction: row;
  width: auto;
  min-width: 42px;
  height: 28px;
  border-radius: 8px;
  padding: 0 7px;
  gap: 4px;
}
.doc-file-badge--sm i,
.doc-file-badge--sm i::before {
  font-size: 14px;
}
.doc-file-badge--sm .doc-file-badge-ext {
  font-size: 9px;
}
.doc-file-badge--pdf { background: #fdecea; color: #c0392b; }
.doc-file-badge--doc { background: #e8f0fe; color: #1d4ed8; }
.doc-file-badge--xls { background: #e7f6ec; color: #15803d; }
.doc-file-badge--ppt { background: #ffedd5; color: #c2410c; }
.doc-file-badge--img { background: #eee8fd; color: #6d28d9; }
.doc-file-badge--txt { background: #f1f3f5; color: #495057; }