/* Ventana de «Acceso del alumno» (inc/acceso.php). Escrita a mano: no sale del
   Figma, usa los mismos tokens que la cabecera. */

.acceso-ventana{border:0;padding:0;margin:auto;width:min(30rem,calc(100vw - 2rem));
  max-height:calc(100dvh - 2rem);border-radius:4px;color:var(--color-text-primary,#0b1c28);
  background:var(--color-bg-surface,#fff);box-shadow:0 4px 32px rgba(11,28,40,.18)}
.acceso-ventana::backdrop{background:rgba(11,28,40,.55)}
.acceso-ventana__caja{position:relative;padding:2rem 1.75rem 1.5rem;font-family:'Source Sans 3',sans-serif}
.acceso-ventana__cerrar{position:absolute;top:.6rem;right:.7rem;width:2.5rem;height:2.5rem;
  border:0;background:none;font-size:1.8rem;line-height:1;cursor:pointer;color:inherit}
.acceso-ventana__cerrar:hover{color:var(--color-text-link,#3797ca)}
.acceso-ventana__titulo{margin:0 0 1.25rem;font-size:1.55rem;font-weight:700;line-height:1.2}

.acceso-ventana__bloque + .acceso-ventana__bloque{margin-top:1.5rem;padding-top:1.5rem;
  border-top:1px solid var(--color-border-Subtle-Invert,#eaebee)}
.acceso-ventana__bloque h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:700;line-height:1.3}
.acceso-ventana__nota{margin:-.4rem 0 .9rem;color:var(--color-text-muted,#494b50);font-size:.95rem}

.acceso-ventana__campus{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.acceso-ventana__campus a{display:block;padding:.85rem 1rem;border:1px solid var(--color-border-strong,#3797ca);
  border-radius:4px;text-decoration:none;color:inherit;transition:background .15s ease}
.acceso-ventana__campus a:hover,.acceso-ventana__campus a:focus-visible{background:var(--color-bg-surface-subtle,#e7f1f8)}
.acceso-ventana__campus b{display:block;font-size:1rem}
.acceso-ventana__campus b::after{content:" →"}
.acceso-ventana__campus span{display:block;margin-top:.2rem;font-size:.9rem;color:var(--color-text-muted,#494b50)}

.acceso-ventana__form p{margin:0 0 .8rem}
.acceso-ventana__form label{display:block;margin-bottom:.3rem;font-size:.92rem;font-weight:600}
.acceso-ventana__form input[type=text],.acceso-ventana__form input[type=password]{width:100%;
  box-sizing:border-box;padding:.65rem .75rem;border:1px solid #b9c2c9;border-radius:4px;font:inherit}
.acceso-ventana__form input:focus{outline:2px solid var(--color-text-link,#3797ca);outline-offset:1px}
.acceso-ventana__recordar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.9rem}
.acceso-ventana__recordar label{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-weight:400}
.acceso-ventana__recordar a,.acceso-ventana__ayuda a,.acceso-ventana__cuenta a{color:var(--color-text-link,#3797ca)}
.acceso-ventana__boton{width:100%;padding:.8rem 1rem;border:0;border-radius:4px;cursor:pointer;
  background:var(--color-bg-inverse,#0b1c28);color:var(--color-text-inverse,#fff);font:600 1rem/1 'Source Sans 3',sans-serif}
.acceso-ventana__boton:hover{background:var(--color-line-oposiciones,#2b6c97)}

.acceso-ventana__hola{margin:0 0 .5rem;font-weight:600}
.acceso-ventana__cuenta{margin:0;padding-left:1.1rem;line-height:1.9}
.acceso-ventana__ayuda{margin:1.25rem 0 0;text-align:center;font-size:.9rem}

body.acceso-abierto{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .acceso-ventana[open]{animation:acceso-entra .18s ease-out}
  @keyframes acceso-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}