/* ══════════════════════════════════════
   PANTALLA DE ACCESO (solo la docente)
   ══════════════════════════════════════ */
.acceso {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(160deg, #5b3f8f 0%, #3f2a66 100%);
}

/* Ya no hace falta esconder la página mientras no haya entrado:
   el servidor no la entrega si no hay sesión. Esto solo viste login.html. */

.acceso-caja {
    width: min(100%, 380px);
    padding: 34px 28px;
    text-align: center;
    background: #fff;
    border-radius: 26px;
    box-shadow: 0 14px 40px rgba(0,0,0,0.35);
}

.acceso-caja .escudo { font-size: 3rem; }

.acceso-caja h1 {
    margin: 6px 0 4px;
    font-family: 'Baloo 2', 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #3f2a66;
}

.acceso-caja p {
    margin-bottom: 22px;
    font-size: 0.92rem;
    color: #6b6b7d;
}

.acceso-caja .campo {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
}

.btn-entrar {
    width: 100%;
    min-height: 50px;
    margin-top: 6px;
    font-family: 'Baloo 2', 'Inter', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 999px;
    cursor: pointer;
    transition: transform 0.15s ease;
}

.btn-entrar:hover { transform: translateY(-2px); }

.acceso-error {
    min-height: 1.4em;
    margin: 12px 0 0;
    font-weight: 600;
    color: #e0453e;
}

.acceso-caja.mala { animation: temblar 0.4s ease; }