/* "Seguir con Google" (2026-10-26): mismo botón en toda pantalla de ingreso de BloP y de los portales. Prefijo g-. */
.g-login { display: grid; gap: 8px; margin: 12px 0 0; }
.g-or { display: flex; align-items: center; gap: 10px; color: #8a83a0; font-size: .78rem; font-weight: 800; }
.g-or::before, .g-or::after { content: ""; flex: 1; height: 1px; background: #e4dcf3; }
.g-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 46px; padding: 10px 18px; border-radius: 999px; background: #fff; color: #14112A !important; border: 1.5px solid #dadce0; font-weight: 900; font-size: .95rem; text-decoration: none !important; box-shadow: 0 2px 8px rgba(20, 17, 42, .06); transition: box-shadow .15s, border-color .15s; }
button.g-btn { font-family: inherit; cursor: pointer; }
.g-btn:hover, .g-btn:focus-visible { border-color: #b8b2c8; box-shadow: 0 4px 14px rgba(20, 17, 42, .12); }
.g-btn svg { flex: 0 0 20px; width: 20px; height: 20px; }
.g-legal { margin: 0; color: #8a83a0; font-size: .72rem; line-height: 1.4; text-align: center; }
.g-legal a { color: inherit; text-decoration: underline; }
/* Sobre fondos oscuros (puerta de los portales, ¿Dónde vamos?). */
.g-login.is-dark .g-or { color: rgba(255, 255, 255, .6); }
.g-login.is-dark .g-or::before, .g-login.is-dark .g-or::after { background: rgba(255, 255, 255, .16); }
.g-login.is-dark .g-btn { border-color: #fff; }
.g-login.is-dark .g-legal { color: rgba(255, 255, 255, .6); }
/* Simulador local de la elección de cuenta. */
.g-sim { max-width: 420px; margin: 24px auto; padding: 28px 26px; border-radius: 22px; background: #fff; border: 1px solid #dadce0; color: #202124; font-family: Roboto, Arial, sans-serif; }
.g-sim-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: .9rem; color: #5f6368; }
.g-sim-head svg { width: 22px; height: 22px; }
.g-sim h1 { margin: 0 0 4px; font-size: 1.5rem; font-weight: 500; }
.g-sim p { margin: 0 0 18px; color: #5f6368; font-size: .9rem; line-height: 1.5; }
.g-sim label { display: grid; gap: 5px; margin-bottom: 12px; font-size: .8rem; font-weight: 700; color: #3c4043; }
.g-sim input { width: 100%; padding: 12px 14px; border: 1px solid #dadce0; border-radius: 8px; font: inherit; font-size: .95rem; }
.g-sim-note { padding: 10px 12px; border-radius: 10px; background: #fef7e0; color: #7a4b00 !important; font-size: .8rem !important; }
.g-sim button { width: 100%; padding: 12px; border: 0; border-radius: 999px; background: #1a73e8; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }