/* Pagina de ingreso con Google (oauth2-proxy). Usa las variables de hub.css (logos, colores, tipografia). */
.signbody { background: linear-gradient(160deg, #e9eef8 0%, #f6f8fc 55%, #fff 100%); }
.signwrap { flex: 1; display: grid; place-items: center; align-content: center; gap: 20px; padding: 32px 16px; }
.signcard {
    width: 100%; max-width: 470px; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--gold);
    border-radius: 18px; box-shadow: var(--shadow); padding: 34px 34px 30px; text-align: center;
}
.signcard .logos { justify-content: center; flex-wrap: wrap; gap: 14px 26px; margin-bottom: 26px; }
.signcard .logos img { height: 40px; }
.signcard h1 { margin: 0 0 10px; font: 400 2.1rem/1.15 var(--serif); letter-spacing: -.01em; }
.signcard .lead { margin: 0 0 26px; color: var(--muted); }
.signcard .detalle { margin: 0 0 22px; color: var(--muted); font-size: .86rem; }
.signcard .nota { margin: 24px 0 0; color: var(--muted); font-size: .85rem; }
.signcard a, .signfoot a { color: var(--accent); }
.signfoot { margin: 0; color: var(--muted); font-size: .86rem; text-align: center; }
.gbtn {
    display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: 100%; max-width: 340px;
    font: 600 1rem/1 var(--sans); color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 12px; padding: 15px 28px; cursor: pointer;
    box-shadow: var(--shadow-sm);
}
.gbtn:hover { border-color: var(--accent); background: var(--accent-soft); }
.gbtn:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
@media (max-width: 520px) { .signcard { padding: 26px 20px 24px; } .signcard .logos img { height: 32px; } }