.reloj {
    font-family: Arial, sans-serif;
    color: #5409DA;
    font-size: 100px;
    font-weight: bold;
}

#infoAlumno img {
  border: 4px solid #5409DA;
  transition: transform 0.3s ease;
}

#infoAlumno img:hover {
  transform: scale(1.05);
}

#infoSalida img {
  border: 4px solid #5409DA;
  transition: transform 0.3s ease;
}

#infoSalida img:hover {
  transform: scale(1.05);
}

#horaEntrada, #estatusEntrada, #horaSalida {
    font-size: 30px;
}

.login {
  background: #f4f6f9;
}


.login-card {
      max-width: 400px;
      width: 100%;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
      border-radius: 10px;
    }


/* Estilo para el navbar */
  .mi-navbar {
    background-color: #5409DA; /* azul oscuro */
    color: white; /* texto claro */
  }

  .mi-navbar .nav-link {
    color: white !important;
  }

  .mi-navbar .nav-link:hover,
  .mi-navbar .dropdown-item:hover {
    /* background-color: #34495e;
    color: #fff !important; */
    background-color: #8DD8FF;
    color: #5409DA !important;
    border: 2px solid #8DD8FF;
  }

  .mi-navbar .dropdown-menu {
    background-color: #5409DA;
    border: none;
  }

  .mi-navbar .dropdown-item {
    color: white;
  }

   /* Botón azul personalizado */
  .btn-outline-personalizado {
    background-color: #5409DA;
    color: white;

    
  }

  .btn-outline-personalizado:hover {
    /* background-color: transparent;
    color: #5409DA;
    border: 2px solid #5409DA; */
    background-color: #8DD8FF;
    color: #5409DA;
    border: 2px solid #5409DA;
    transition: 0.3s ease;
  }

  /* Botón rojo personalizado (para acciones como cerrar sesión) */
  .btn-outline-danger-personalizado {
    background-color: transparent;
    color: #c0392b;
    border: 2px solid #c0392b;
    transition: 0.3s ease;
  }

  .btn-outline-danger-personalizado:hover {
    background-color: #c0392b;
    color: white;
  }

  /* Botón azul consulta */
  .btn-outline-consulta {
    background-color: #4E71FF;
    color: white;

    
  }

  .btn-outline-consulta:hover {
    /* background-color: transparent;
    color: #4E71FF;
    border: 2px solid #4E71FF; */
    background-color: #8DD8FF;
    color: #4E71FF;
    border: 2px solid #4E71FF;
    transition: 0.3s ease;
  }