.pn-mo{--mo-negro:var(--pn-lateral);--mo-tecla:76px;background:var(--pn-fondo);min-height:100dvh;color:var(--pn-texto);font-family:var(--fb);grid-template-rows:auto 1fr;display:grid}.pn-mo-barra{padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:var(--mo-negro);color:#fff;align-items:center;gap:14px;display:flex}.pn-mo-logo{color:#fff;flex:none;width:76px;height:auto;margin:-16px -2px -17px -6px}.pn-mo-donde{gap:2px;min-width:0;display:grid}.pn-mo-donde small{font:800 11px/1.2 var(--fb);letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c}.pn-mo-donde b{font:800 15px/1.2 var(--fb);overflow-wrap:anywhere}.pn-mo-hora{text-align:right;justify-items:end;gap:2px;margin-left:auto;display:grid}.pn-mo-hora b{font:900 30px/.95 var(--fb);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-stretch:80%}.pn-mo-hora small{font:600 12px/1.2 var(--fb);color:#fff9}.pn-mo-barra .pn-mo-clave{display:none}.pn-mo-cuerpo{width:min(760px,100%);padding:22px 16px max(28px, env(safe-area-inset-bottom));align-content:start;gap:18px;min-width:0;margin:0 auto;display:grid}.pn-mo-tit h1{font:900 34px/1 var(--fb);letter-spacing:-.035em;overflow-wrap:anywhere;font-stretch:85%}.pn-mo-tit p{font:600 14.5px/1.4 var(--fb);color:var(--pn-mut);margin-top:6px}.pn-mo-personas{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pn-mo-persona{border:1px solid var(--pn-borde);background:var(--pn-sup);min-height:138px;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;align-content:center;justify-items:center;gap:9px;padding:16px 10px 14px;transition:border-color .15s,transform .12s,box-shadow .15s;display:grid;position:relative}.pn-mo-persona:active{transform:translateY(1px)scale(.99)}.pn-mo-persona b{font:800 17px/1.15 var(--fb);overflow-wrap:anywhere}.pn-mo-persona small{font:800 11px/1.2 var(--fb);letter-spacing:.09em;text-transform:uppercase;color:var(--pn-mut)}.pn-mo-avatar{width:58px;height:58px;font:900 25px/1 var(--fb);box-shadow:0 0 0 4px var(--pn-sup), 0 0 0 5px var(--pn-borde);border-radius:50%;place-items:center;font-stretch:85%;display:grid}@media (hover:hover){.pn-mo-persona:hover{border-color:var(--pn-texto);box-shadow:0 10px 24px -18px #00000080}}.pn-mo-pin{justify-items:center;gap:16px;width:min(380px,100%);margin:0 auto;display:grid}.pn-cambio-persona{--mo-tecla:58px}.pn-cambio-persona .pn-mo-personas{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.pn-cambio-persona .pn-mo-pin{gap:10px}.pn-cambio-persona .pn-mo-tecla{border-radius:12px;font-size:27px}.pn-mo-quien{text-align:center;justify-items:center;gap:8px;display:grid}.pn-mo-quien .pn-mo-avatar{width:66px;height:66px;font-size:29px}.pn-mo-quien h1{font:900 30px/1 var(--fb);letter-spacing:-.03em;overflow-wrap:anywhere;font-stretch:85%}.pn-mo-quien p{font:600 14.5px/1.35 var(--fb);color:var(--pn-mut)}.pn-mo-puntos{gap:14px;padding:6px 0 2px;display:flex}.pn-mo-puntos i{border:2px solid var(--pn-texto);border-radius:50%;width:16px;height:16px;transition:background-color .12s,transform .12s}.pn-mo-puntos i.on{background:var(--pn-texto);transform:scale(1.08)}.pn-mo-puntos.mal i{border-color:var(--acento)}.pn-mo-puntos.mal i.on{background:var(--acento)}.pn-mo-error{max-width:100%;min-height:1.4em;font:700 14px/1.35 var(--fb);color:var(--acento);text-align:center;overflow-wrap:anywhere}.pn-mo-teclas{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.pn-mo-tecla{min-height:var(--mo-tecla);border:1px solid var(--pn-borde);background:var(--pn-sup);color:var(--pn-texto);font:800 32px/1 var(--fb);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px;place-items:center;padding:6px;font-stretch:82%;transition:background-color .1s,transform 80ms,border-color .15s;display:grid}.pn-mo-tecla:active{background:var(--pn-sup-2);transform:scale(.96)}.pn-mo-tecla.chica{font:700 14.5px/1.15 var(--fb);white-space:normal;text-align:center;color:var(--pn-mut);background:0 0;border-color:#0000}.pn-mo-tecla.chica svg{width:24px;height:24px}.pn-mo-tecla:disabled{opacity:.5;cursor:default}@media (hover:hover){.pn-mo-tecla:hover:not(:disabled){border-color:var(--pn-texto)}.pn-mo-tecla.chica:hover:not(:disabled){color:var(--pn-texto);border-color:#0000}}.pn-mo-pie{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pn-mo-enlace{min-height:44px;color:var(--pn-texto);font:800 14px/1.2 var(--fb);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--pn-borde);text-decoration-color:var(--pn-borde);white-space:normal;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:6px 12px}@media (hover:hover){.pn-mo-enlace:hover{text-decoration-color:currentColor}}.pn-mo-vacio{border:1px dashed var(--pn-borde);background:var(--pn-sup);font:600 14.5px/1.45 var(--fb);color:var(--pn-mut);border-radius:18px;gap:8px;padding:22px 18px;display:grid}.pn-mo-vacio b{color:var(--pn-texto);font-weight:800}@media (min-width:900px){.pn-mo{grid-template-rows:none;grid-template-columns:300px minmax(0,1fr)}.pn-mo-barra{flex-direction:column;align-items:stretch;gap:18px;padding:26px 22px 22px}.pn-mo-logo{width:190px;margin:-26px 0 -24px -12px}.pn-mo-donde b{font-size:18px}.pn-mo-hora{text-align:left;justify-items:start;margin:0}.pn-mo-hora b{font-size:64px}.pn-mo-hora small{font-size:14px}.pn-mo-barra .pn-mo-clave{color:#fff;text-align:left;margin-top:auto;padding-inline:0;text-decoration-color:#ffffff59;display:block}.pn-mo-cuerpo{align-content:center;padding:40px 36px}.pn-mo-cuerpo .pn-mo-clave{display:none}.pn-mo-tit h1{font-size:46px}.pn-mo-personas{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.pn-mo{--mo-tecla:84px}}@media (max-width:359px){.pn-mo{--mo-tecla:64px}.pn-mo-personas{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-mo-tit h1{font-size:29px}.pn-mo-hora b{font-size:26px}}@media (max-height:700px) and (max-width:899px){.pn-mo{--mo-tecla:62px}.pn-mo-cuerpo{gap:12px;padding-top:14px}}.pn-mo-entra{animation:pn-mo-entra .32s var(--curva-entrada,cubic-bezier(.2, .8, .2, 1)) both;animation-delay:calc(min(var(--i,0), 12) * 32ms)}@keyframes pn-mo-entra{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.pn-mo-entra{animation:none}.pn-mo-persona,.pn-mo-tecla,.pn-mo-puntos i{transition:none}}.pn-pin-estado{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pn-pin-campo input{font-variant-numeric:tabular-nums;letter-spacing:.3em}.pn-item.pn-mo-item{justify-content:flex-start}.pn-mo-item>div{flex:auto}.pn-mo-item>svg,.pn-mo-item>.pn-estado,.pn-mo-item>.ui-btn{flex:none}.pn-mo-item>svg{color:var(--pn-mut)}