/* Pantalla de acceso (la genera la Lambda@Edge): mismo esquema que el login de comtool.wiseconn.com
   (ondas teal de fondo, tarjeta blanca con el logo WiseConn), solo con inicio de sesion por Google. */
:root{--primary-900:#0B303C;--primary-800:#0F4253;--primary-700:#14546A;--primary-600:#186680;--primary-500:#1C7897;
--surface-card:#FFFFFF;--surface-border:#E2E6E6;--text-primary:#141616;--text-secondary:#676F6F;--text-brand:#1C7897;--text-on-color:#F7F8F8;
--font-sans:'Roboto',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif;
--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:8px;
--focus-ring:0 0 0 2px var(--surface-card),0 0 0 4px var(--primary-500);--dur-fast:120ms}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:20px;color:var(--text-primary);background:var(--primary-900)}
.waves{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0}
.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
header{width:100%;display:flex;justify-content:flex-end;gap:var(--space-5);padding:var(--space-4) var(--space-4)}
header a{color:var(--text-on-color);text-decoration:none;font-weight:500;line-height:21px;padding:14px 0}
header a:hover{text-decoration:underline}
header .lang{display:inline-flex;align-self:center;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius);overflow:hidden}
header .lang a{padding:4px 10px;font-size:12px;line-height:16px;opacity:.8}
header .lang a[aria-current="true"]{background:rgba(255,255,255,.2);opacity:1}
header .lang a:hover{text-decoration:none;opacity:1}
.card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius);width:420px;max-width:calc(100% - 32px);
padding:56px;text-align:center}
.logo{display:block;width:66%;height:auto;margin:0 auto var(--space-5)}
h1{color:var(--text-brand);font-size:20px;line-height:28px;font-weight:600;margin:0 0 var(--space-2)}
p{color:var(--text-secondary);margin:0 0 var(--space-5)}
.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:10.5px 17.5px;border-radius:var(--radius);
background:var(--primary-500);color:#FFFFFF;text-decoration:none;font-weight:500;transition:background var(--dur-fast) ease-out}
.btn:hover{background:var(--primary-600)}.btn:active{background:var(--primary-700)}
.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.btn .g{background:#FFFFFF;border-radius:4px;display:inline-flex;padding:3px}
footer{color:var(--text-on-color);text-align:center;font-size:13px;padding:var(--space-4);opacity:.9}
@media(max-width:600px){.card{padding:var(--space-6) var(--space-5)}header{justify-content:center}}