/* Estilos del modo aula: pantalla de registro, barra de presencia y entrega.
   Va aparte de estilo.css para que el deck offline quede intacto.
   Lo enlaza la copia publicada de index.html (lo inyecta preparar.py). */

#capa-registro {
  position: fixed; inset: 0; z-index: 200;
  background: #FFFFFF;
  display: flex; align-items: center; justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
}
#form-registro {
  width: min(520px, 88vw);
  border-top: 8px solid #1F5C8B;
  padding-top: 1.6rem;
}
#form-registro .rot {
  display: block; font-size: 13px; letter-spacing: 1.6px;
  color: #767676; margin-bottom: 0.8rem;
}
#form-registro h1 { font-size: 40px; color: #1F5C8B; margin: 0 0 0.8rem; }
#form-registro .baja { font-size: 16px; color: #4A4A4A; line-height: 1.5; margin: 0 0 1.6rem; }
#form-registro label {
  display: block; font-size: 13px; font-weight: bold;
  color: #1F5C8B; margin-bottom: 0.3rem;
}
#form-registro input {
  width: 100%; box-sizing: border-box;
  font-family: Arial, sans-serif; font-size: 20px; color: #4A4A4A;
  border: 2px solid #D9E2EA; border-radius: 9px;
  padding: 0.7rem 0.9rem; margin-bottom: 1.1rem;
}
#form-registro input:focus { outline: none; border-color: #1F5C8B; }
#form-registro button {
  font-family: Arial, sans-serif; font-size: 18px; font-weight: bold;
  color: #fff; background: #1F5C8B; border: 0; border-radius: 9px;
  padding: 0.8rem 2.2rem; cursor: pointer;
}
#form-registro button:disabled { background: #A9B7C2; cursor: default; }
#form-registro .error { color: #C0392B; font-size: 15px; min-height: 1.2em; margin: 0.8rem 0 0; }

#barra-aula {
  position: fixed; top: 14px; left: 18px; z-index: 60;
  display: flex; align-items: center; gap: 0.9rem;
  font-family: Arial, sans-serif; font-size: 14px; color: #767676;
}
#barra-aula .quien { font-weight: bold; color: #1F5C8B; }
#barra-aula .presentes b { color: #2E7D5B; }

/* En el aula no se cambia de modo: todos van en modo alumno. */
body.aula #cambiar-modo { display: none; }

.entrega { margin-top: 1.6rem; }
.entrega button {
  font-family: Arial, sans-serif; font-size: 17px; font-weight: bold;
  color: #fff; background: #2E7D5B; border: 0; border-radius: 9px;
  padding: 0.8rem 2rem; cursor: pointer;
}
.entrega button:disabled { background: #8FB8A5; cursor: default; }
.entrega .estado { font-size: 15px; color: #4A4A4A; margin-top: 0.7rem; }