/* Modo oscuro: texto de párrafos */
body.dark-mode p {
  color: var(--color-text-dark); /* Color de texto en modo oscuro */
}
body.dark-mode .card .text-body-secondary {
  color: var(--color-text) !important;
}


/* Caja de perfil */
.perfil-box {
  display: block;          /* Ocupa su propio bloque */
  min-width: 250px;        /* Tamaño mínimo de la caja */
  max-width: 400px;        /* Tamaño máximo para que no sea demasiado grande */
  width: auto;             /* Se ajusta al contenido disponible */
}

/* Items dentro de la lista de perfil */
.perfil-box .list-group-item {
  min-height: 50px;                     /* Altura mínima para los elementos de la lista */
  background-color: var(--bs-body-bg);  /* Fondo según la variable de Bootstrap */
  color: var(--bs-body-color);          /* Color de texto según la variable de Bootstrap */
}

.fade-in {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}