/* Pantalla de entrada: el dibujo de la torre emite senal; a la derecha, el formulario. */
.entrada{display:grid;place-items:center;padding:16px}
.login{display:grid;grid-template-columns:minmax(0,1fr);width:min(960px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.lado{background:var(--acc);color:var(--acc-t);padding:28px 28px 24px;display:flex;align-items:flex-end;gap:18px}
.torre-dibujo{width:clamp(86px,22vw,150px);height:auto;flex:none}
.lema{font:600 clamp(18px,4.2vw,24px)/1.25 var(--disp);margin:0;max-width:20ch}
.caja{padding:28px clamp(18px,5vw,48px) 34px;display:grid;gap:12px;align-content:center}
.caja h1{font-size:44px;line-height:1}
.caja .sub{margin:0 0 6px;font-size:16px}
@media (min-width:800px){.login{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.lado{flex-direction:column;align-items:flex-start;justify-content:space-between;padding:36px}.torre-dibujo{width:180px}}
@media (prefers-reduced-motion:no-preference){.torre-dibujo path:nth-of-type(4){animation:senal 3.2s ease-in-out infinite}}
@keyframes senal{50%{opacity:.25}}
main.login{padding:0;margin:0;max-width:960px}