@import url('/fonts/fonts.css');
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f4f7fd;font-family:'Nunito Sans',system-ui,sans-serif;color:#385c90}main{width:100%;max-width:460px;background:white;padding:42px;border-radius:22px;border:1px solid #e3ebf8;box-shadow:0 20px 70px #2849850c}.brand{display:flex;gap:10px;align-items:center;font-size:30px;font-weight:800;text-decoration:none;color:#3065cf;margin-bottom:40px}.brand img{width:42px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:#7f97b7}h1{font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:14px 0}p{font-size:14px;line-height:1.8;color:#7286a4}.g_id_signin{margin:28px 0}.privacy{font-size:12px;padding-top:18px;border-top:1px solid #e9eef7}.fine{font-size:11px;margin-top:30px}.button{display:inline-block;text-decoration:none;background:#3065cf;color:white;border-radius:10px;padding:13px 20px;font-weight:800;font-size:13px}@media(max-width:480px){main{padding:30px 25px}h1{font-size:27px}}

/* Acceso integrado con la nueva interfaz oscura. */
:root{color-scheme:dark}body{padding:30px 22px;background:radial-gradient(ellipse at 95% 0,#13546c88,transparent 65%),linear-gradient(155deg,#102f44,#0b1727 80%);color:#e6f3fc}main{max-width:820px;padding:28px 40px;background:transparent;border:0;box-shadow:none;text-align:center}.brand{justify-content:center;color:#f1f7fc;margin-bottom:34px;font-size:30px}.brand img{width:43px}.eyebrow{color:#8fafc3;font-size:10px}h1{color:#edf6fc;font-size:32px;max-width:650px;margin:14px auto;line-height:1.35}p{color:#aac4d6;font-size:15px;line-height:1.8}.auth-illustration{width:min(340px,85%);margin:32px auto 20px}.auth-illustration svg{display:block;width:100%;height:auto}.g_id_signin{max-width:400px;margin:26px auto 30px;min-height:32px}.privacy{max-width:600px;margin:24px auto 0;border-color:#9fbfd133;color:#9dbbce;font-size:13px}.fine{font-size:11px;color:#789fb9;margin-top:26px}.button{background:#19c7df;color:#062b3e;font-size:14px;border:0;cursor:pointer;min-height:46px}.brand:focus-visible,.button:focus-visible{outline:3px solid #2fd2e6;outline-offset:4px}@media(max-width:480px){body{padding:25px 20px}main{padding:18px 3px}.brand{margin-bottom:30px;font-size:28px}h1{font-size:27px}p{font-size:14px}.auth-illustration{width:min(280px,90%);margin:28px auto 18px}.privacy{font-size:12px}}

/* Limita el logo del SDK incluso si sus estilos aún están cargando. */
.g_id_signin svg{width:20px;height:20px;flex:0 0 20px}.g_id_signin [role="button"]{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid #7895aa77;border-radius:26px;background:#20384b;color:#f1f6fb;font:700 14px 'Nunito Sans',system-ui,sans-serif;cursor:pointer}.g_id_signin [role="button"]:focus-visible{outline:3px solid #2fd2e6;outline-offset:4px}.g_id_signin [role="button"]>div:empty{display:none}

/* Evita el fondo blanco que el navegador aplica al iframe con esquemas distintos. */
.g_id_signin,.g_id_signin iframe{color-scheme:light}.g_id_signin iframe{background:transparent}

/* Información pública necesaria para el consentimiento OAuth. */
main.information{text-align:left}.information .brand{justify-content:flex-start;margin-bottom:24px}.information h1{margin:28px 0 20px}.information h2{font-size:21px;color:#edf6fc;margin:28px 0 8px}.information nav{font-size:13px;line-height:2}.information a{color:#6ee5f4;overflow-wrap:anywhere}.information .button{color:#062b3e}.information nav:last-of-type{margin-top:32px;border-top:1px solid #9fbfd133;padding-top:20px}
