.acceso{grid-template-rows:1fr auto;place-items:center;gap:20px;min-height:100dvh;padding:48px clamp(16px,4vw,48px) 72px;display:grid}.acceso .tarjeta{background:var(--vidrio-2);gap:22px;width:100%;min-width:0;max-width:440px;padding:36px 34px 28px;display:grid}.acceso .tarjeta>*{min-width:0}.acceso .tarjeta .marca{justify-content:center;font-size:16px}.acceso .tarjeta .marca .logo{border-radius:9px;width:36px;height:36px}.acceso .tarjeta h1{font-family:var(--display);letter-spacing:.01em;text-align:center;margin:0;font-size:26px;font-weight:600}.acceso .tarjeta .sub{color:var(--bruma);text-align:center;margin:6px 0 0;font-size:14px}.acceso .tarjeta form{gap:14px;display:grid}.acceso .campo .ojo{width:36px;height:36px;color:var(--bruma);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.acceso .campo .ojo:hover{color:var(--hielo);background:#fff5c814}.acceso .campo .ojo svg{width:16px;height:16px}.acceso .campo:has(.ojo) input{padding-right:48px}.acceso .opciones{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-size:13px;display:flex}.acceso .opciones a{color:var(--bruma);padding:6px 0}.acceso .opciones a:hover{color:var(--amarillo)}.acceso .btn-entrar{width:100%;min-height:46px;margin-top:4px;font-size:14px}.acceso .separador{color:var(--bruma-2);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-size:10px;display:flex}.acceso .separador:before,.acceso .separador:after{content:"";background:var(--borde);flex:1;height:1px}.acceso .btn-google{text-transform:none;letter-spacing:0;width:100%;min-height:44px;font-family:var(--body);font-size:14px;font-weight:500}.acceso .btn-google svg{width:18px;height:18px}.acceso .pie-tarjeta{font-family:var(--mono);color:var(--bruma-2);border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-top:6px;font-size:11px;display:flex}.acceso .pie-tarjeta .cand{color:var(--verde)}.acceso .pie-pagina{font-family:var(--mono);color:var(--bruma-2);pointer-events:none;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;display:flex;position:fixed;bottom:16px;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px)}@media (max-width:900px),(max-height:720px){.acceso{padding-bottom:32px}.acceso .pie-pagina{align-self:end;width:100%;max-width:440px;position:static}}@media (max-width:560px){.acceso{gap:16px;padding:24px 16px}.acceso .tarjeta{padding:28px clamp(18px,5vw,24px) 22px}.acceso .pie-pagina{justify-content:center;gap:6px 24px}.acceso .pie-pagina span+span:before{content:"·";color:var(--bruma-2);margin-right:12px}}@media (max-width:400px){.acceso .btn-google .solo-ancho{display:none}}