.login-body{--arena:#f2eadf;--mancha-rosa:#f3c9d6eb;--mancha-durazno:#f8d9c0f2;--mancha-lila:#dad2efbf;--mancha-fuego:#f37d0129;background:var(--arena);min-height:100dvh;font-family:var(--font-karla), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;place-items:center;padding:24px;display:grid;position:relative}:root[data-theme=dark] .login-body{--arena:var(--bg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login-body{--arena:var(--bg)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.login-tarjeta{z-index:1;background:#1b120d;border-radius:64px;grid-template-columns:59% 1fr;width:min(1310px,100%);min-height:min(860px,100dvh - 48px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #4f2a0073}.login-fondo{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.login-fondo i{filter:blur(100px);will-change:transform;border-radius:50%;display:block;position:absolute}.login-fondo .m1{background:radial-gradient(closest-side, var(--mancha-rosa), transparent 70%);width:920px;height:720px;animation:flotar1 26s var(--ease-out) infinite alternate;top:6vh;right:-160px}.login-fondo .m2{background:radial-gradient(closest-side, var(--mancha-durazno), transparent 68%);width:1020px;height:660px;animation:flotar2 32s var(--ease-out) infinite alternate;top:26vh;right:60px}.login-fondo .m3{background:radial-gradient(closest-side, var(--mancha-lila), transparent 70%);width:660px;height:540px;animation:flotar3 38s var(--ease-out) infinite alternate;top:52vh;left:-180px}.login-fondo .m4{background:radial-gradient(closest-side, var(--mancha-fuego), transparent 72%);width:720px;height:560px;animation:flotar1 30s var(--ease-out) infinite alternate-reverse;bottom:-8vh;right:-120px}@keyframes flotar1{to{transform:translate(-70px,50px)scale(1.08)}}@keyframes flotar2{to{transform:translate(60px,-40px)scale(1.05)}}@keyframes flotar3{to{transform:translate(50px,-60px)scale(1.1)}}.login-lado{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:34px;margin-left:-64px;padding:48px 32px 48px 96px;display:flex}.login-marca{animation:rise .6s var(--ease-out) both 50ms;flex-direction:column;align-items:center;gap:14px;display:flex}.login-marca svg{width:120px;height:auto;color:var(--ink);display:block}.login-wordmark{font-family:var(--font-titulo), system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:800;line-height:1}.login-wordmark em{color:var(--muted);font-style:normal;font-weight:500}.login-stack{z-index:2;width:100%;max-width:430px;animation:rise .6s var(--ease-out) both;position:relative}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px 26px 24px;position:relative;box-shadow:0 14px 40px -30px #3c281459}.login-brand{font-family:var(--font-titulo), system-ui, sans-serif;letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:700}.login-sub{color:var(--muted);margin:0 0 18px;font-size:13.5px}.login-card label{color:var(--ink);margin:0 0 6px;font-size:13px;font-weight:600;transition:color .25s;display:block}.login-field{margin-bottom:14px;position:relative}.login-field:focus-within+label{color:var(--brand)}.login-card label:has(+.login-field:focus-within){color:var(--brand)}.login-field .ic{color:var(--faint);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-field .ic svg{width:18px;height:18px;display:block}.login-card input{border:1px solid var(--line);width:100%;height:42px;font:inherit;background:var(--surface-2);color:var(--ink);transition:border-color .25s ease, box-shadow .25s ease, background-color .25s ease, transform .25s var(--ease-out);border-radius:8px;padding:0 42px 0 40px;font-size:14px}.login-card input::placeholder{color:var(--faint);opacity:1}.login-card input:hover{border-color:var(--muted)}.login-card input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-tint), 0 6px 16px -10px #3c281459;outline:none;transform:translateY(-1px)}.login-eye{cursor:pointer;color:var(--faint);background:0 0;border:0;padding:6px;transition:color .2s,transform .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye:hover{color:var(--brand);transform:translateY(-50%)scale(1.08)}.login-eye svg{width:18px;height:18px;display:block}.login-error{background:var(--bad-tint);color:var(--bad);border:1px solid var(--bad);border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.login-error.ok{background:var(--ok-tint);color:var(--ok);border-color:var(--ok)}.login-btn{--bink:var(--ink);--bsurf:var(--surface);isolation:isolate;width:100%;height:40px;font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;border:1px dashed var(--bink);color:var(--bink);white-space:nowrap;box-shadow:none;background:0 0;border-radius:8px;margin-top:4px;padding:0 20px;font-size:12px;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.login-btn .btn-label{z-index:2;transition:inherit;display:inline-block;position:relative}.login-btn:hover:not(:disabled){background:color-mix(in srgb, var(--bink) 8%, var(--bsurf));color:var(--bink);letter-spacing:.12em;box-shadow:none;border-style:solid;transform:none}.login-btn:active:not(:disabled){transform:scale(.985)}.login-btn:disabled{opacity:.6;cursor:progress}.login-link{text-align:center;color:var(--brand);margin-top:14px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;display:block}.login-safe{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.login-safe svg{width:14px;height:14px;color:var(--ok)}.login-foot{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.orilla{z-index:1;background:#1b120d;border-radius:64px;position:relative;overflow:hidden;box-shadow:22px 0 46px -18px #2816088c,6px 0 14px -6px #28160859}.orilla canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.orilla-escena{width:170px;height:150px;image-rendering:pixelated;position:absolute;top:18%;left:50%}.orilla-escena img,.orilla-evo{width:170px;height:150px;image-rendering:pixelated;position:absolute;top:0;left:0}.orilla-sombrilla{filter:drop-shadow(0 6px 6px #00000073);z-index:1;transform-origin:32% 63%;animation:7s ease-in-out infinite brisa}.orilla-reposera{z-index:2;filter:drop-shadow(0 6px 6px #00000073)}.orilla-rebote{z-index:3;width:170px;height:150px;animation:.7s steps(2,jump-none) infinite rebote;position:absolute;top:0;left:0}.orilla-evo{background:url(/brand/playa/evo-sprites.png) 0 0/340px 150px no-repeat;animation:5.3s step-end infinite parpadeo}@keyframes rebote{0%{transform:translateY(0)}to{transform:translateY(-1px)}}@keyframes brisa{0%,to{transform:rotate(0)}50%{transform:rotate(-1.2deg)}}@keyframes parpadeo{0%,39%{background-position:0 0}40%,42%{background-position:-170px 0}43%,82%{background-position:0 0}83%,85%{background-position:-170px 0}86%,88%{background-position:0 0}89%,91%{background-position:-170px 0}92%,to{background-position:0 0}}@media (max-width:860px){.login-body{padding:12px}.login-tarjeta{border-radius:32px;grid-template-columns:1fr;min-height:0}.orilla{border-radius:32px;min-height:240px;box-shadow:0 22px 46px -18px #2816088c}.orilla-escena{transform-origin:100% 0;top:8%;left:auto;right:6%;transform:scale(.8)}.login-lado{margin-top:-32px;margin-left:0;padding:56px 20px 28px}}@media (prefers-reduced-motion:reduce){.login-stack,.login-marca,.login-fondo i,.orilla-sombrilla,.orilla-rebote,.orilla-evo{animation:none}}.playa-grande{padding:0}.playa-grande .login-fondo{display:none}.playa-grande .login-tarjeta{width:auto;min-height:0;box-shadow:none;border-radius:0;display:block;position:fixed;inset:0}.playa-grande .orilla{box-shadow:none;border-radius:0;position:absolute;inset:0}.playa-grande .orilla-escena{top:calc(50vh - 150px);left:auto;right:7vw;transform:none}.playa-grande .login-lado{z-index:3;background:0 0;gap:26px;margin:0;padding:24px;position:absolute;inset:0}.playa-grande .login-wordmark{color:#fff3e6}.playa-grande .login-wordmark em{color:#fff3e6b3}.playa-grande .login-marca svg{color:#fff3e6}.playa-grande .login-card{box-shadow:0 30px 80px -30px #000000b3}.playa-grande .login-foot{display:none}@media (max-width:860px){.playa-grande .orilla{min-height:0}.playa-grande .orilla-escena{z-index:2;position:fixed;inset:auto 2vw 4px auto;transform:none}.playa-grande .login-lado{justify-content:flex-start;margin-top:0;padding:16px 16px 170px;overflow-y:auto}}.login-aviso-chico{color:var(--muted);margin:2px 0 8px;font-size:12px;line-height:1.4}