.acceso{background:var(--tinta);min-height:100dvh;color:var(--blanco);grid-template-rows:auto 1fr;display:grid}.acceso-marca{text-align:center;justify-items:center;gap:14px;padding:28px 20px 8px;display:grid}.acceso-marca img{width:min(260px,70vw);height:auto}.acceso-marca .modulo{font:600 13px/1 var(--titulos);letter-spacing:.32em;text-transform:uppercase;color:var(--cian)}.acceso-marca .lema{color:var(--acero-claro);margin:0;font-size:13px}.acceso-panel{background:var(--papel);color:var(--tinta);padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;align-content:start;gap:14px;display:grid}.acceso-panel h1{text-align:center;font-size:22px}.acceso-pie{text-align:center;color:var(--acero);margin:6px 0 0;font-size:12px}.pin{gap:10px;width:min(340px,100%);margin:0 auto;display:grid}.pin-puntos{justify-content:center;gap:14px;padding:8px 0;display:flex}.pin-puntos span{border:2px solid var(--acero);border-radius:50%;width:16px;height:16px;transition:all .15s}.pin-puntos span.lleno{background:var(--azul);border-color:var(--azul);transform:scale(1.1)}.pin-error{text-align:center;min-height:20px;color:var(--acento);margin:0;font-size:14px;font-weight:700}.pin-teclado{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tecla{border:1px solid var(--linea);background:var(--blanco);min-height:64px;font:600 26px/1 var(--titulos);box-shadow:0 2px 0 var(--linea);border-radius:14px}.tecla:active{box-shadow:none;transform:translateY(2px)}.tecla-borrar{color:var(--acero);font-size:22px}.tecla-ok{background:var(--azul);border-color:var(--azul);color:var(--blanco);font:700 15px/1 var(--texto);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 0 var(--azul-oscuro)}.tecla:disabled{opacity:.45}@media (min-width:900px){.acceso{grid-template-rows:none;grid-template-columns:1.1fr 1fr}.acceso-marca{background:linear-gradient(160deg, transparent 0 62%, #007cbd2e 62% 100%), var(--tinta);align-content:center;padding:48px}.acceso-marca img{width:340px}.acceso-panel{border-radius:0;align-content:center;padding:48px}}