que contiene los
campos. Para que ambos midan exactamente lo mismo hay que anular los
márgenes de ese y compartir el mismo modelo de caja. */
body.login #loginform p.center {
margin: 0;
padding: 0;
text-align: initial;
}
body.login #loginform table {
border-spacing: 0;
margin: 0;
}
body.login .button-primary,
body.login input[type="submit"] {
display: block;
width: 100%;
/* `max-width` replica lo que FlatSIS ya hace con los campos de texto e
impide que el botón desborde su contenedor en ningún motor. */
max-width: 100%;
margin: 0;
/* Imprescindible: sin esto el ancho sería 100% MÁS el padding, y el botón
sobresaldría respecto a los campos (era el desajuste original). */
box-sizing: border-box;
padding: 13px 20px;
font-family: var(--k-font);
font-size: 15px;
font-weight: 600;
letter-spacing: .02em;
color: #FFFFFF;
background: var(--k-primary);
border: 0;
border-radius: var(--k-radius-sm);
cursor: pointer;
transition: background .18s ease, transform .12s ease, box-shadow .18s ease;
}
body.login .button-primary:hover,
body.login input[type="submit"]:hover {
background: var(--k-primary-dark);
box-shadow: 0 4px 14px rgba(196,135,42,.3);
}
body.login .button-primary:active,
body.login input[type="submit"]:active { transform: translateY(1px); }
body.login .button-primary:focus-visible,
body.login input[type="submit"]:focus-visible {
outline: 3px solid rgba(196,135,42,.4);
outline-offset: 2px;
}
/* ── Enlace de vuelta al sitio (lo inserta scripts.js) ───────────────────── */
body.login .k-back {
text-align: center;
margin: 22px 0 0;
padding-top: 20px;
border-top: 1px solid var(--k-border);
}
body.login .k-back a {
font-size: 13.5px;
color: var(--k-text-soft);
text-decoration: none;
transition: color .15s ease;
}
body.login .k-back a:hover { color: var(--k-primary); }
/* ── Pie: se atenúa la promoción de RosarioSIS, no se oculta ──────────────
La licencia GPL v2 no obliga a mantener la atribución visible, pero
quitarla sería descortés con el proyecto. Se deja discreta. */
body.login .size-1,
body.login .size-3 {
text-align: center;
font-size: 11.5px;
color: #A3A3A3;
margin-top: 16px;
}
body.login .size-1 a, body.login .size-3 a { color: #A3A3A3; }
/* ── Mensajes de error ───────────────────────────────────────────────────── */
body.login .error,
body.login div.error {
background: #FEF2F2;
border: 1px solid #FECACA;
border-radius: var(--k-radius-sm);
color: #991B1B;
font-size: 13.5px;
padding: 12px 14px;
margin-bottom: 20px;
text-align: center;
}
/* ── Responsive: los profesores entrarán desde el celular ────────────────── */
@media (max-width: 480px) {
body.login #body,
body.login .postbox-wrapper { padding: 16px; }
body.login table.postbox { max-width: 100%; border-radius: 14px; }
body.login td.popTable { padding: 32px 22px 26px; }
body.login img.logo { max-width: 220px; }
/* 16px evita que iOS haga zoom automático al enfocar un campo */
body.login #USERNAME,
body.login #PASSWORD { font-size: 16px; }
}
/* ── Respeta la preferencia de reducir movimiento ────────────────────────── */
@media (prefers-reduced-motion: reduce) {
body.login * { transition: none !important; }
}