/* Restaurar clase text-justify, eliminada de Bootstrap 5 (https://github.com/twbs/bootstrap/pull/29793) */
.text-justify {
  text-align: justify;
  text-justify: inter-word;
}

/* Clases de utilidad para hacer más claro/oscuro el color de un elemento. ¡Esto afecta a todo el elemento (texto, fondo, sombras, etc.)! */
.lighten-25 {
  filter: brightness(1.25); /* 1 = 100%, 1.25 = 125% brightness */
}

.lighten-50 {
  filter: brightness(1.5); /* 1 = 100%, 1.5 = 150% brightness */
}

.darken-25 {
  filter: brightness(0.75);
}

.darken-50 {
  filter: brightness(0.5);
}

/* Estas permiten anular las anteriores, de forma que los elementos hijos puedan seguir manteniendo sus colores originales */
.counter-lighten-25 {
  filter: brightness(0.8);
}

.counter-lighten-50 {
  filter: brightness(0.6667); /* 1 / 1.5 ≈ 0.6667 */
}

.counter-darken-25 {
  filter: brightness(1.3333); /* 1 / 0.75 ≈ 1.3333 */
}

.counter-darken-50 {
  filter: brightness(2); /* 1 / 0.5 = 2 */
}

/* Clase de utilidad para hacer que un elemento sea tan alto como el alto de línea (line-height) heredado */
.h-text {
  height: 1lh;
}

/* Clases de utilidad para hacer separadores horizontales con texto */

/*
  Ejemplo:

  <div class="divider my-2">
    <div class="divider-text">
      <span>O</span>
    </div>
  </div>
*/

.divider {
  position: relative;
  user-select: none;
}

.divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: #6c757d;
}

.divider-text::before,
.divider-text::after {
  content: "";
  flex: 1;
  border-top: 1px solid #dee2e6;
}

.divider-text span {
  padding: 0 1rem;
}

/* TODO: Mejorar esto o conseguir restaurar / arreglar la funcionalidad normal de Bootstrap */
input[readonly] {
  pointer-events: none;
  background-color: #f0f0f0; /* light gray */
  color: #555; /* darker text for contrast */
}