/* Estilo para el texto flotante al lado del menú móvil */
.ld-mobile-nav-tooltip {
  position: absolute;
  top: 50%; /* Centrado verticalmente en el botón */
  left: calc(100% + 4px); /* A la izquierda del botón con un espacio */
  transform: translateY(-50%);
  background-color: #ff8223; /* Fondo oscuro */
  color: #fff; /* Texto blanco */
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  display: flex;
  align-items: center;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

.ld-mobile-nav-tooltip {
  animation: blink 1s ease-in-out 2;
}

/* Flecha que apunta a la izquierda */
.ld-mobile-nav-tooltip::before {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(100% - 1px); /* Aparece en el borde derecho del tooltip */
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent #ff8223 transparent transparent; /* Flecha a la izquierda */
}

/* Diseño quiz*/
.entry.content-bg.single-entry.qsm_quiz {
  width: 70%;
  justify-self: center;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  /*border-radius: 20px;*/
}

@media (max-width: 768px) {
  .entry.content-bg.single-entry.qsm_quiz {
    width: 100%;
    justify-self: center;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }
}

@media screen and (min-width: 500px) {
    .qmn_pagination, .qsm_auto_pagination_enabled .qmn_pagination {
        justify-content: start !important;
    }
}

/* Colores de circulo de titulo en calendario */
.fc-event-title.evento-simulacro::before {
    color: #d45c91;
}

.fc-event-title.evento-salud-publica::before {
    color: #a0b0fb;
}

.fc-event-title.evento-cuidado-integral::before {
    color: #b7b7b7;
}

.fc-event-title.evento-etica::before {
    color: #0dba9c80;
}

.fc-event-title.evento-investigacion::before {
    color: #ff832380;
}

.fc-event-title.evento-gestion::before {
    color: #ad3eff90;
}

.fc-event-title.evento-introductoria::before {
    color: #b7b7b7;
}

.fc-event-title.evento-resumen::before {
    color: #FFF82E;
}

.fc-event-title.evento-receso::before {
    color: #8EFFBB;
}

/*******/