.acceso-pieza{--papel:#f7eedd;--tinta:#0e0e0e;--texto:#4a4a48;--apoyo:#6e6353;--regla:#cbbb9c;--azul:#485fff;--azul-hondo:#3a4fe0;--alarma:#a3402c;--ancla:44%;--cerradura-x:25.9%;--cerradura-y:64.2%;--cuatro-desde:50%;--cuatro-viaje:18%;--cuatro-ancho:12%;--cuatro-abajo:17.5%;--p:0;background-color:var(--papel);color:var(--texto);-webkit-font-smoothing:antialiased;background-image:url(/auth-acceso/grano.jpg);background-repeat:repeat;font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:auto}.acceso-pieza *,.acceso-pieza :before,.acceso-pieza :after{box-sizing:border-box}.acceso-pieza .escenario{z-index:0;animation:1.6s ease-out both aparecer;position:fixed;inset:0;overflow:hidden}.acceso-pieza .lienzo{left:var(--ancla);isolation:isolate;width:max(100vw,150vh);height:max(100vh,66.6667vw);position:absolute;top:50%;transform:translate(-44%,-50%)}.acceso-pieza .capa{pointer-events:none;display:block;position:absolute}.acceso-pieza .capa--fondo{width:100%;height:100%;inset:0}.acceso-pieza .nubes{width:100%;left:0;overflow:hidden}.acceso-pieza .nubes i{mix-blend-mode:multiply;will-change:transform;background-image:url(/auth-acceso/nubes.jpg);background-repeat:repeat-x;position:absolute;inset:0}.acceso-pieza .nubes--alta{height:42%;top:0}.acceso-pieza .nubes--alta i{opacity:.8;background-size:50% 100%;width:200%;animation:210s linear infinite derivar2}.acceso-pieza .nubes--baja{height:26%;top:9%}.acceso-pieza .nubes--baja i{opacity:.5;background-size:33.3333% 100%;width:300%;animation:148s linear infinite derivar3}.acceso-pieza .cuatro{width:var(--cuatro-ancho);height:auto;bottom:var(--cuatro-abajo);left:calc(var(--cuatro-desde) - var(--cuatro-viaje) * var(--p));mix-blend-mode:multiply;transition:left 1.2s cubic-bezier(.22,.9,.26,1),opacity .6s}.acceso-pieza .cuatro.andando{animation:.78s ease-in-out infinite caminar}.acceso-pieza .luz{left:var(--cerradura-x);top:var(--cerradura-y);aspect-ratio:1;mix-blend-mode:screen;width:17%;opacity:calc(.18 + .5 * var(--p));background-image:radial-gradient(closest-side,#ffecbeeb,#ffecbe00 72%);transition:opacity .9s;animation:5.6s ease-in-out infinite respirar;transform:translate(-50%,-50%)}.acceso-pieza .derrame{mix-blend-mode:screen;width:23%;height:10%;opacity:calc(.15 + .55 * var(--p));background-image:radial-gradient(closest-side,#ffeec4b3,#ffeec400 74%);transition:opacity .9s;top:81.5%;left:31%;transform:translate(-50%,-50%)}.acceso-pieza .motas{mix-blend-mode:screen;width:100%;height:100%;inset:0}.acceso-pieza .motas span{left:var(--x);top:var(--y);opacity:0;width:3px;height:3px;animation:flotar var(--t) ease-in-out var(--d) infinite;background-color:#fff4d6e6;border-radius:50%;position:absolute}.acceso-pieza .velo{pointer-events:none;background-image:linear-gradient(90deg,#f7eedd00 44%,#f7eeddb3 60%,#f7eedded 74%,#f7eeddf7 100%);position:absolute;inset:0}.acceso-pieza .desborde{left:var(--cerradura-x);top:var(--cerradura-y);aspect-ratio:1;opacity:0;background-image:radial-gradient(closest-side,#fff 42%,#fff6e0d9 68%,#fff6e000 100%);border-radius:50%;width:22%;transform:translate(-50%,-50%)scale(0)}.acceso-pieza[data-estado=enviando] .desborde{animation:1.6s cubic-bezier(.4,0,.7,.35) both desbordar}.acceso-pieza .telon{z-index:2;pointer-events:none;opacity:0;background-color:#fdf8ec;background-image:radial-gradient(58% 52% at 30% 54%,#fff 0%,#fff0 100%),url(/auth-acceso/grano.jpg);position:fixed;inset:0}.acceso-pieza[data-estado=enviando] .telon{animation:.5s linear 1.05s both encender}.acceso-pieza[data-estado=enviando] .velo,.acceso-pieza[data-estado=enviando] .contenido{animation:.6s ease-in .85s both apagar}.acceso-pieza .espera{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.45s both encender;display:flex;position:fixed;inset:0}.acceso-pieza .espera__aro{border:2px solid #485fff38;border-top-color:var(--azul);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite girar}.acceso-pieza .espera p{color:var(--apoyo);margin:0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-style:italic}.acceso-pieza[data-estado=listo].desde-envio .telon{animation:1.25s ease-out both retirar}.acceso-pieza .contenido{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.acceso-pieza .cabecera{flex:none;padding:34px clamp(24px,4vw,56px) 0}.acceso-pieza .cabecera img{width:132px;height:auto;display:block}.acceso-pieza .central{flex:auto;justify-content:flex-end;align-items:center;padding:clamp(28px,4vh,56px) clamp(24px,6vw,104px);display:flex}.acceso-pieza .bloque{width:100%;max-width:384px}.acceso-pieza .sube{animation:.85s cubic-bezier(.2,.8,.25,1) both subir}.acceso-pieza .rotulo{letter-spacing:.2em;text-transform:uppercase;color:var(--azul-hondo);margin:0;font-size:10px;font-weight:700}.acceso-pieza h1{letter-spacing:-.01em;color:var(--tinta);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.4vw,36px);font-weight:400;line-height:1.15}.acceso-pieza .bajada{color:var(--texto);margin:14px 0 0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-style:italic;line-height:1.55}.acceso-pieza .nota{color:var(--apoyo);margin:0;font-size:12px;line-height:1.55}.acceso-pieza .cuenta{border-bottom:1px solid var(--regla);color:var(--apoyo);margin:24px 0 0;padding-bottom:20px;font-size:12px;line-height:1.6}.acceso-pieza .cuenta b{color:var(--tinta);word-break:break-all;margin-top:3px;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:400;display:block}.acceso-pieza .hilo{background-color:var(--azul);width:2px}.acceso-pieza .hilo--entra{height:52px;margin:0 0 24px;animation:1s cubic-bezier(.2,.8,.25,1) .35s both bajar}.acceso-pieza .hilo--nudo{height:18px;margin:28px 0 0}.acceso-pieza .campo{margin-top:22px}.acceso-pieza .campo__alto{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.acceso-pieza label{letter-spacing:.16em;text-transform:uppercase;color:var(--apoyo);font-size:10px;font-weight:700}.acceso-pieza input[type=text],.acceso-pieza input[type=email],.acceso-pieza input[type=password]{border:0;border-bottom:1px solid var(--regla);width:100%;color:var(--tinta);background-color:#0000;border-radius:0;margin-top:8px;padding:9px 2px 10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4;transition:border-color .16s;display:block}.acceso-pieza input::placeholder{color:#b0a385}.acceso-pieza input[type=text]:focus,.acceso-pieza input[type=email]:focus,.acceso-pieza input[type=password]:focus{border-bottom:2px solid var(--azul);outline:none;padding-bottom:9px}.acceso-pieza input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--papel) inset;-webkit-text-fill-color:var(--tinta)}.acceso-pieza input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px var(--papel) inset;-webkit-text-fill-color:var(--tinta)}.acceso-pieza input[aria-invalid=true]{border-bottom-color:var(--alarma)}.acceso-pieza input:disabled{color:var(--apoyo)}.acceso-pieza .ver{letter-spacing:.16em;text-transform:uppercase;color:var(--azul-hondo);cursor:pointer;background:0 0;border:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700}.acceso-pieza .ver:hover{text-decoration:underline}.acceso-pieza .reglas{color:var(--apoyo);margin:13px 0 0;padding:0;font-size:12px;line-height:1.85;list-style:none}.acceso-pieza .reglas li{align-items:center;gap:9px;display:flex}.acceso-pieza .marca{border:1px solid var(--regla);flex:none;width:8px;height:8px;transition:background-color .2s,border-color .2s}.acceso-pieza .reglas li[data-ok]{color:var(--texto)}.acceso-pieza .reglas li[data-ok] .marca{background-color:var(--azul);border-color:var(--azul)}.acceso-pieza .aviso{border-left:2px solid var(--alarma);color:var(--alarma);margin:20px 0 0;padding-left:13px;font-size:13px;line-height:1.5}.acceso-pieza .aviso:empty{display:none}.acceso-pieza .boton{background-color:var(--azul);letter-spacing:.02em;color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;margin-top:16px;padding:16px 24px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;transition:background-color .16s,transform .16s;display:block}.acceso-pieza .boton:hover{background-color:var(--azul-hondo)}.acceso-pieza .boton:active{transform:translateY(1px)}.acceso-pieza .boton:disabled{cursor:default;background-color:#c0bbac}.acceso-pieza .boton:disabled:has(.aro){background-color:var(--azul);cursor:wait}.acceso-pieza .aro{vertical-align:-2px;border:2px solid #ffffff61;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:9px;animation:.7s linear infinite girar;display:inline-block}.acceso-pieza .boton--hueco{border:1px solid var(--tinta);color:var(--tinta);text-align:center;background-color:#0000;margin-top:26px;text-decoration:none}.acceso-pieza .boton--hueco:hover{background-color:#0e0e0e0d}.acceso-pieza :focus-visible{outline:2px solid var(--azul-hondo);outline-offset:3px}.acceso-pieza .pie{color:var(--apoyo);flex:none;padding:0 clamp(24px,4vw,56px) 30px;font-size:12px}.acceso-pieza .pie code{color:var(--tinta);font-family:Courier New,Courier,monospace;font-size:13px}.acceso-pieza .cierre{isolation:isolate;background-color:var(--papel);text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:clamp(48px,9vh,104px) 24px 0;display:none;position:relative;overflow:hidden}.acceso-pieza .cierre__lienzo{z-index:-1;isolation:isolate;width:max(100vw,150vh);height:max(100vh,66.6667vw);animation:14s ease-out both acercar;position:absolute;top:0;left:50%;transform:translate(-50%)}.acceso-pieza .cierre__fondo{width:100%;height:100%;display:block}.acceso-pieza .rio{mix-blend-mode:screen;pointer-events:none;background-image:url(/auth-acceso/rio.png);background-size:100% 100%;width:100%;height:100%;position:absolute;inset:0}.acceso-pieza .rio--luz{opacity:.26;animation:7.2s ease-in-out infinite brillar}.acceso-pieza .rio--haz{opacity:.28;filter:blur(24px);animation:11.5s ease-in-out infinite derramar}.acceso-pieza .hito{mix-blend-mode:multiply;width:5.2%;height:auto;position:absolute;top:36.3%;left:50.2%;transform:translate(-50%,-100%)}.acceso-pieza .cierre h1{font-size:clamp(34px,5vw,48px)}.acceso-pieza .cierre .bajada{font-size:19px}.acceso-pieza .avance{background-color:#0e0e0e24;width:168px;height:2px;margin:32px 0 14px;position:relative;overflow:hidden}.acceso-pieza .avance span{background-color:var(--azul);width:10%;height:100%;animation:2.8s ease-out .3s forwards avanzar;display:block}.acceso-pieza.navegando .avance:after{content:"";background-image:linear-gradient(90deg,#485fff00 0%,#485fffbf 50%,#485fff00 100%);animation:1.1s linear infinite barrer;position:absolute;inset:0}.acceso-pieza .avance--suelto{margin:28px 0 14px}.acceso-pieza .avance--suelto span{width:34%;animation:1.3s ease-in-out infinite correr}.acceso-pieza[data-estado=carga],.acceso-pieza[data-estado=enviando],.acceso-pieza[data-estado=listo]{cursor:wait}.acceso-pieza [data-panel]{display:none}.acceso-pieza[data-estado=formulario] [data-panel=formulario],.acceso-pieza[data-estado=enviando] [data-panel=formulario],.acceso-pieza[data-estado=vencido] [data-panel=vencido],.acceso-pieza[data-estado=pedir] [data-panel=pedir],.acceso-pieza[data-estado=enviado] [data-panel=enviado],.acceso-pieza[data-estado=carga] [data-panel=carga]{animation:.5s both encender;display:block}.acceso-pieza[data-estado=listo] .escenario,.acceso-pieza[data-estado=listo] .contenido{display:none}.acceso-pieza[data-estado=listo] .cierre{display:flex}.acceso-pieza[data-estado=vencido] .luz,.acceso-pieza[data-estado=vencido] .derrame,.acceso-pieza[data-estado=vencido] .motas,.acceso-pieza[data-estado=vencido] .cuatro{opacity:0}@media (max-width:900px){.acceso-pieza .escenario{height:46vh;position:absolute;inset:0 0 auto}.acceso-pieza .lienzo{width:max(100vw,69vh);height:max(46vh,66.6667vw)}.acceso-pieza .velo{background-image:linear-gradient(#f7eedd00 52%,#f7eedde0 88%,#f7eedd 100%)}.acceso-pieza .cabecera{padding-bottom:0;position:absolute;top:0;left:0}.acceso-pieza .central{justify-content:center;padding-top:calc(46vh + 12px);padding-bottom:24px}.acceso-pieza .bloque{max-width:460px}}@media (prefers-reduced-motion:reduce){.acceso-pieza *,.acceso-pieza :before,.acceso-pieza :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.acceso-pieza .avance span{width:100%;animation:none}.acceso-pieza .avance:after{display:none}.acceso-pieza .hilo--entra{height:52px}}