/* Agregados del IdentityServer sobre el Template GE (assets/ge no se modifica) y el tema "Portal provincial"
   (css/corrientes.css, copia del front de Inscripciones Online). */

/* Pantalla de cuenta: el formulario en una tarjeta y, desde 992 px, el panel de bienvenida y ayuda a la derecha */
.id-cuenta { max-width: 64rem; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
@media (min-width: 992px) { .id-cuenta { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); } }
.id-formulario { background: #fff; border: 1px solid var(--co-linea); border-radius: 8px; padding: 2rem 1.25rem; }
@media (min-width: 576px) { .id-formulario { padding: 2.5rem 2.5rem 2.25rem; } }
.id-formulario .ge-auth-box { max-width: 28rem; margin: 0 auto; }
.id-panel { display: none; }
@media (min-width: 992px) { .id-panel { display: flex; flex-direction: column; gap: 1rem; } }
.id-panel-titulo { font: 800 2rem/1 var(--co-display); text-transform: uppercase; margin: 0 0 .5rem; }
.id-panel .co-contacto { margin-top: 0; }
.id-panel .co-contacto-titulo .ti { font-size: 1.25rem; vertical-align: -.125rem; }

/* Títulos de cada pantalla, como el titular de los portales */
.ge-auth-title { font: 800 2.25rem/.95 var(--co-display); text-transform: uppercase; letter-spacing: .005em; margin: 0 0 .625rem; }
.ge-auth-desc { color: var(--co-tenue); font-size: 1.0625rem; }
@media (max-width: 575.98px) { .ge-auth-title { font-size: 1.875rem; } }
.btn-lg { --bs-btn-padding-y: .8125rem; --bs-btn-font-size: 1rem; }

/* La barra Negra solo muestra el nombre de la pantalla (no es un enlace) y se alinea con el ancho de .id-cuenta */
span.co-nav-link { cursor: default; }
.co-nav { padding: 0 max(.25rem, calc((100% - 64rem) / 2 + .5rem)); }

/* Lista de permisos (consentimiento) */
.id-scope + .id-scope { border-top: 1px solid var(--ge-border); }
.id-scope { padding: .75rem 1rem; }

/* Logo de la aplicación cliente (consentimiento y permisos otorgados) */
.id-cliente-logo { max-height: 3rem; width: auto; max-width: 100%; }

/* Ícono de Google en los botones: celeste de la G de Google */
/* (más específico que .btn-outline-secondary .ti del template, que lo pone gris) */
.btn .ti.id-google, .btn:hover .ti.id-google { color: #4285f4; }