/* ==========================================================================
   TEMA CARMÍN (GUINDO ROJO VIBRANTE) - SISTEMA UREAL
   Sobrescribe las variables y clases primarias con la tonalidad #c72044
   ========================================================================== */

:root {
  --carmine-primary: #c72044;
  --carmine-primary-hover: #9d1835;
  --carmine-primary-light: #fceaf0;
  --carmine-aside-bg: #580e1d;
  --carmine-aside-hover: #7b1429;
  --carmine-brand-bg: #470b17;
}

/* --------------------------------------------------------------------------
   1. Botones Primarios y Secundarios
   -------------------------------------------------------------------------- */
.btn.btn-primary {
  color: #ffffff;
  background-color: var(--carmine-primary);
  border-color: var(--carmine-primary);
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.show > .btn.btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--carmine-primary-hover) !important;
  border-color: var(--carmine-primary-hover) !important;
}

.btn.btn-outline-primary {
  color: var(--carmine-primary);
  border-color: var(--carmine-primary);
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary.active {
  color: #ffffff;
  background-color: var(--carmine-primary) !important;
  border-color: var(--carmine-primary) !important;
}

.btn.btn-light-primary {
  color: var(--carmine-primary);
  background-color: var(--carmine-primary-light);
  border-color: transparent;
}

.btn.btn-light-primary:hover,
.btn.btn-light-primary:focus,
.btn.btn-light-primary:active,
.btn.btn-light-primary.active {
  color: #ffffff !important;
  background-color: var(--carmine-primary) !important;
  border-color: transparent !important;
}

.btn.btn-clean.btn-hover-primary:hover,
.btn.btn-clean.btn-hover-primary:focus,
.btn.btn-clean.btn-hover-primary:active,
.btn.btn-clean.btn-hover-primary.active {
  color: var(--carmine-primary) !important;
  background-color: var(--carmine-primary-light) !important;
}

/* --------------------------------------------------------------------------
   2. Textos, Fondos y Badges
   -------------------------------------------------------------------------- */
.text-primary {
  color: var(--carmine-primary) !important;
}

.text-hover-primary:hover {
  color: var(--carmine-primary) !important;
}

.bg-primary {
  background-color: var(--carmine-primary) !important;
}

.bg-light-primary {
  background-color: var(--carmine-primary-light) !important;
}

.badge.badge-primary {
  color: #ffffff;
  background-color: var(--carmine-primary);
}

.badge.badge-light-primary {
  color: var(--carmine-primary);
  background-color: var(--carmine-primary-light);
}

/* --------------------------------------------------------------------------
   3. Pestañas (Nav Tabs) y Paginación
   -------------------------------------------------------------------------- */
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent transparent var(--carmine-primary) transparent;
  color: var(--carmine-primary);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--carmine-primary);
  border-color: transparent transparent var(--carmine-primary) transparent;
}

.nav-tabs.nav-tabs-line .nav-link.active,
.nav-tabs.nav-tabs-line .nav-link:hover {
  border-bottom-color: var(--carmine-primary);
  color: var(--carmine-primary);
}

.page-item.active .page-link {
  background-color: var(--carmine-primary);
  border-color: var(--carmine-primary);
  color: #ffffff;
}

.page-link:hover {
  color: var(--carmine-primary);
}

/* --------------------------------------------------------------------------
   4. Formularios y Controles de Entrada (Inputs, Selects, Checkboxes)
   -------------------------------------------------------------------------- */
.form-control:focus {
  border-color: var(--carmine-primary);
}

.checkbox.checkbox-primary > input:checked ~ span {
  background-color: var(--carmine-primary);
}

.radio.radio-primary > input:checked ~ span {
  border-color: var(--carmine-primary);
}

.radio.radio-primary > input:checked ~ span::after {
  background-color: var(--carmine-primary);
}

.switch.switch-primary input:checked ~ span:before {
  background-color: var(--carmine-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--carmine-primary) !important;
  color: white !important;
}

/* --------------------------------------------------------------------------
   5. Elementos de UI Metronic (Tarjetas, Acordeones, Submenús)
   -------------------------------------------------------------------------- */
.card.card-custom > .card-header .card-title .card-icon i {
  color: var(--carmine-primary);
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  color: var(--carmine-primary);
  background-color: var(--carmine-primary-light);
}

.symbol.symbol-light-primary .symbol-label {
  background-color: var(--carmine-primary-light);
  color: var(--carmine-primary);
}