body {
    background-color: #111111; /* Negro institucional */
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar-custom {
    background-color: #FFCC00; /* Amarillo institucional */
}
.navbar-custom .navbar-brand {
    color: #111111;
    font-weight: bold;
}
.card-scanner {
    background-color: #222222;
    border: 2px solid #FFCC00;
    border-radius: 15px;
}
.student-photo {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #FFCC00;
}
/* Ocultamos el input del QR para que parezca magia, pero lo mantenemos enfocado */
#qr_input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}