.login-body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--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}@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);font-size:var(--t-texto);margin:0 0 18px}.login-card label{text-align:center;font-size:var(--t-texto);color:var(--ink);margin:0 0 6px;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(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-field input{padding-left:40px}.login-field .ic svg{width:18px;height:18px;display:block}.login-card input{width:100%;transition:border-color .15s,box-shadow .15s,background-color .25s}.login-eye{margin-top:calc((var(--alto) - 8px) / -2);position:absolute;top:50%;right:4px}.login-error{background:var(--bad-tint);color:var(--bad);border:1px solid var(--bad);font-size:var(--t-texto);border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 13px;font-weight:600;display:flex}.login-error.ok{background:var(--ok-tint);color:var(--ok);border-color:var(--ok)}.login-btn{width:100%;margin-top:4px}.login-btn:disabled{cursor:progress}.login-link{text-align:center;margin-top:14px;display:block}.login-safe{color:var(--muted);font-size:var(--t-chico);justify-content:center;align-items:center;gap:7px;margin-top:18px;display:flex}.login-safe svg{width:14px;height:14px;color:var(--ok)}.login-foot{text-align:center;color:var(--muted);font-size:var(--t-chico);margin-top:16px}.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{font-size:var(--t-chico);color:var(--muted);margin:2px 0 8px;line-height:1.4}