:root {

  /* Principal */
  --color-menu: #8c64aa;
  --color-navbar: #8c64aa;

  /* Complementario */
  --color-complementary: #5cc6d0;
  --color-hover-complementary: #5cc6d0;
  --color-background-pagination: #5cc6d0;
  --color-active-pagination: #5cc6d0;
  --color-activity-selector: #5cc6d0;
  --color-last-breadcrumb: #5cc6d0;
  --color-menu-hover: #5cc6d0;

  /* Complementario alternativo */
  --color-title: #8c64aa;
  --color-secondary: #8c64aa;

  --color-link: #3eb0bb;
  --color-warning: #3eb0bb;

  --color-text-principal: #180425;
  --color-hover-warning: white;
  --color-hover-secondary-rgb: 57, 57, 57, 0.1;
  --boton-radius: 24px;
  --color-text: #180425;
  --color-text-menu: white;
  --color-text-menu-hover: white;
  --color-pagination: #180425;
  --color-border-pagination: #ffe7a0;
}

body {
  color: var(--color-text) !important;
  overflow-x: hidden !important;
}

body h2 {
  color: var(--color-title) !important;
}

input,
select {
  color: var(--color-text) !important;
}

.table {
  color: var(--color-text)
}

/* =================== */
/* Barra de navegación */
/* =================== */

.client-navbar {
  margin-bottom: 50px !important;
  background-color: var(--color-navbar) !important;
  padding: 1vw 10vw !important;
}

.client-navbar a {
  color: var(--color-text-menu) !important;
}

/** Quemado del logo en la barra */
/* .mu-breadcrumb-img {
  filter: brightness(100) !important;
}
*/

/* ===== */
/* Links */
/* ===== */

a {
  color: var(--color-link) !important;
}

/* ==== */
/* Foro */
/* ==== */

a.discussion-link {
  color: var(--color-text) !important;
}


.discussion-new-message-content>.CodeMirror {
  color: var(--color-text) !important;
}


/* ======= */
/* Botones */
/* ======= */

.btn-complementary {
  background-color: white !important;
  background-color: var(--color-complementary) !important;
  border-color: var(--color-complementary) !important;
  border-style: solid !important;
  color: var(--color-text-principal) !important;
  border-width: 2px !important;
  border-radius: 20px 20px !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

.btn-complementary:hover {
  background-color: var(--color-hover-complementary) !important;
}


.btn-outline-complementary {
  background-color: white !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 20px 20px !important;
}

.btn-outline-complementary:hover {
  background-color: rgba(var(--color-hover-secondary-rgb)) !important;
  border-color: var(--color-secondary) !important;
  color: var(--color-secondary) !important;
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%) !important;
}


.btn-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
  border-style: solid !important;
  border-width: 2px !important;
  color: var(--color-hover-warning) !important;
  border-radius: 20px 20px !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

.btn-warning:hover {
  background-color: var(--color-hover-warning) !important;
  color: var(--color-warning) !important;
}


/* =============== */
/* Menú de usuario */
/* =============== */

.dropdown-menu {
  background-color: var(--color-menu) !important;
}

.dropdown-menu li a,
.dropdown-item {
  color: var(--color-text-menu) !important;
  background-color: var(--color-menu) !important;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
  background-color: var(--color-menu-hover) !important;
  color: var(--color-text-menu-hover) !important;
}

.dropdown-menu li a:hover i,
.dropdown-menu li a:focus i {
  color: var(--color-text-menu-hover) !important;
}

/* =================== */
/* Barra de nevagación */
/* =================== */

.mu-navbar-breadcrumb>ul>li.mu-breadcrumb-list-item.brand {
  display: none !important;
}

.dropdown.hamburguer-breadcrumb.open>ul>li.mu-breadcrumb-list-item.brand {
  display: none !important;
}

.mu-navbar-breadcrumb>ul>li:nth-child(2):before {
  content: none !important;
}

li.mu-breadcrumb-list-item:before {
  color: var(--color-text-menu) !important;
}

li.mu-breadcrumb-list-item.last {
  color: var(--color-last-breadcrumb) !important;
}

/* ========== */
/* Paginación */
/* ========== */

.pagination li a {
  color: var(--color-pagination) !important;
  background-color: var(--color-background-pagination) !important;
  border: solid 1px var(--color-border-pagination) !important;
  -webkit-transition: all 0.15s linear !important;
  -o-transition: all 0.15s linear !important;
  transition: all 0.15s linear !important;
}

.pagination li a:hover,
.pagination li a:focus,
li a.active {
  background-color: var(--color-active-pagination) !important;
  color: black !important;
  border: solid 1px var(--color-border-pagination) !important;
}

.pagination li a:focus {
  box-shadow: 0 0 0 0rem !important;
}


.social-icon {
  border-color: var(--color-link) !important;
}

.mu-user-activity-week-selector.nav-link.active {
  border-color: var(--color-activity-selector) !important;
  background-color: white !important;
  border-style: solid !important;
  border-width: 2px !important;
}

/* ============================ */
/* Imagenes de capítulo ocultas */
/* ============================ */

/*
.chapter {
  min-height: 0px;
}

.chapter img {
  display: none;
}
*/

/* =================================== */
/* Mostrar mensajes de error completos */
/* =================================== */

.example-result pre {
  white-space: pre-wrap;
}

/* ============================= */
/* Espacio para prompt de python */
/* ============================= */

.highlight.python .da.da-mumuki {
  padding: 0 1ch 0 0;
}

/* =================== */
/* Estilos del cliente */
/* =================== */

.book-header img {
  max-height: 140px;
  max-width: 100%;
  margin: 0 0;
}

.mu-breadcrumb-list-item.last {
  font-weight: bold;
}