@charset "UTF-8";
:root[data-glpi-theme=secretaria] {
  /*==========================================================
    COLORES INSTITUCIONALES
  ==========================================================*/
  --tblr-primary: #9b2247;
  --tblr-primary-rgb: 155, 34, 71;
  --tblr-secondary: #611232;
  --tblr-secondary-rgb: 97, 18, 50;
  --tblr-link-color: #611232;
  --tblr-link-hover-color: #9b2247;
  --glpi-mainmenu-bg: #9b2247;
  --glpi-mainmenu-fg: #ffffff;
  --glpi-palette-color-1: #9b2247;
  --glpi-palette-color-2: #611232;
  --glpi-palette-color-3: #e6d194;
  --glpi-palette-color-4: #ffffff;
  --tblr-success: #2e7d32;
  --tblr-warning: #e6d194;
  --tblr-danger: #b3261e;
  --tblr-info: #9b2247;
  /*==========================================================
    DROPDOWNS / SELECTS
  ==========================================================*/
  --tblr-dropdown-link-hover-bg: transparent !important;
  --tblr-dropdown-link-active-bg: transparent !important;
  --tblr-select-dropdown-bg: #ffffff;
}

/*==========================================================
  ENCABEZADO
==========================================================*/
:root[data-glpi-theme=secretaria] .navbar,
:root[data-glpi-theme=secretaria] .main-header {
  color: #ffffff;
}

/*==========================================================
  BOTONES
==========================================================*/
:root[data-glpi-theme=secretaria] .btn-primary {
  background-color: #9b2247;
  border-color: #9b2247;
}

:root[data-glpi-theme=secretaria] .btn-primary:hover,
:root[data-glpi-theme=secretaria] .btn-primary:focus {
  background-color: #611232;
  border-color: #611232;
}

/*==========================================================
  BOTÓN + AGREGAR EN ENCABEZADO
==========================================================*/
:root[data-glpi-theme=secretaria] .navbar .btn,
:root[data-glpi-theme=secretaria] .main-header .btn,
:root[data-glpi-theme=secretaria] .navbar .btn-primary,
:root[data-glpi-theme=secretaria] .main-header .btn-primary,
:root[data-glpi-theme=secretaria] .navbar-vertical ~ .navbar .btn,
:root[data-glpi-theme=secretaria] .navbar-vertical ~ .main-header .btn {
  background-color: #9b2247 !important;
  border-color: #9b2247 !important;
  color: #ffffff !important;
}

:root[data-glpi-theme=secretaria] .navbar .btn:hover,
:root[data-glpi-theme=secretaria] .main-header .btn:hover,
:root[data-glpi-theme=secretaria] .navbar .btn-primary:hover,
:root[data-glpi-theme=secretaria] .main-header .btn-primary:hover {
  background-color: #611232 !important;
  border-color: #611232 !important;
  color: #ffffff !important;
}

/*==========================================================
  LOGIN BUTTON
==========================================================*/
:root[data-glpi-theme=secretaria] .login .btn-primary,
:root[data-glpi-theme=secretaria] .login-page .btn-primary,
:root[data-glpi-theme=secretaria] button[type=submit].btn-primary {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #9b2247 !important;
}

:root[data-glpi-theme=secretaria] .login .btn-primary:hover,
:root[data-glpi-theme=secretaria] .login-page .btn-primary:hover,
:root[data-glpi-theme=secretaria] button[type=submit].btn-primary:hover,
:root[data-glpi-theme=secretaria] .login .btn-primary:focus,
:root[data-glpi-theme=secretaria] .login-page .btn-primary:focus,
:root[data-glpi-theme=secretaria] button[type=submit].btn-primary:focus {
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  color: #611232 !important;
}

/*==========================================================
  MENÚ LATERAL
==========================================================*/
:root[data-glpi-theme=secretaria] .navbar-vertical {
  background: linear-gradient(180deg, #9b2247 0%, #611232 100%);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

:root[data-glpi-theme=secretaria] .navbar-vertical .nav-link,
:root[data-glpi-theme=secretaria] .navbar-vertical .dropdown-item {
  color: #ffffff !important;
  padding: 10px 15px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

:root[data-glpi-theme=secretaria] .navbar-vertical .nav-link:hover,
:root[data-glpi-theme=secretaria] .navbar-vertical .dropdown-item:hover {
  background-color: #e6d194 !important;
  color: #611232 !important;
  font-weight: bold;
  transform: translateX(5px);
}

:root[data-glpi-theme=secretaria] .navbar-vertical .nav-link.active,
:root[data-glpi-theme=secretaria] .navbar-vertical .dropdown-item.active {
  background-color: #ffffff !important;
  color: #9b2247 !important;
  font-weight: bold;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

:root[data-glpi-theme=secretaria] .navbar-vertical .nav-link-title {
  color: #e6d194 !important;
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

/*==========================================================
  DROPDOWNS - ORIGEN (GLPI 11)
==========================================================*/
:root[data-glpi-theme=secretaria] .dropdown-menu .dropdown-item,
:root[data-glpi-theme=secretaria] .ts-dropdown .option,
:root[data-glpi-theme=secretaria] .select2-results__option {
  background: transparent !important;
  transition: all 0.2s ease !important;
}

/* Sombreado al pasar el puntero */
:root[data-glpi-theme=secretaria] .dropdown-menu .dropdown-item:hover,
:root[data-glpi-theme=secretaria] .ts-dropdown .option:hover,
:root[data-glpi-theme=secretaria] .ts-dropdown .active,
:root[data-glpi-theme=secretaria] .select2-results__option--highlighted {
  box-shadow: inset 0 0 12px rgba(155, 34, 71, 0.35) !important;
  border-radius: 4px !important;
}

/*==========================================================
  SELECT2
==========================================================*/
:root[data-glpi-theme=secretaria] .select2-container--default .select2-results__option--highlighted,
:root[data-glpi-theme=secretaria] .select2-results__option--highlighted {
  box-shadow: inset 0 0 12px rgba(155, 34, 71, 0.35) !important;
  color: inherit !important;
}

:root[data-glpi-theme=secretaria] .select2-results__option:hover {
  box-shadow: inset 0 0 12px rgba(155, 34, 71, 0.35) !important;
}

:root[data-glpi-theme=secretaria] .select2-results__option[aria-selected=true] {
  background-color: transparent !important;
  color: inherit !important;
}

/*==========================================================
  BOTÓN ERROR / VOLVER A INICIAR SESIÓN
==========================================================*/
:root[data-glpi-theme=secretaria] .alert a.btn,
:root[data-glpi-theme=secretaria] .message a.btn,
:root[data-glpi-theme=secretaria] .error-page a.btn,
:root[data-glpi-theme=secretaria] .glpi-error a.btn,
:root[data-glpi-theme=secretaria] a.btn.btn-primary,
:root[data-glpi-theme=secretaria] a.btn.btn-link {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #9b2247 !important;
}

:root[data-glpi-theme=secretaria] .alert a.btn:hover,
:root[data-glpi-theme=secretaria] .message a.btn:hover,
:root[data-glpi-theme=secretaria] .error-page a.btn:hover,
:root[data-glpi-theme=secretaria] .glpi-error a.btn:hover,
:root[data-glpi-theme=secretaria] a.btn.btn-primary:hover,
:root[data-glpi-theme=secretaria] a.btn.btn-link:hover {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  color: #611232 !important;
}