.l-pagina{--l-pri:#0b7285;--l-pri-h:#095e6e;--l-acento:#f59f00;--l-tinta:#10202b;--l-campo:#eef4f7;display:grid;grid-template-columns:1fr 1fr;min-height:100vh;margin:-16px}.contenido:has(.l-pagina){max-width:none;padding:0}.contenido:has(.l-pagina) .l-pagina{margin:0}.l-arte{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 20% 10%,#16506a 0,#0d2d3e 55%,#0a1f2c 100%)}.l-mosaico{position:absolute;inset:0}.l-tile{position:absolute;width:230px;height:230px;transform:rotate(45deg);border-radius:26px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);background:linear-gradient(135deg,rgba(11,114,133,.55),rgba(8,60,80,.35));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.25)}.l-tile svg{transform:rotate(-45deg);height:62%;width:auto}.l-tile.t1{top:-40px;left:46%}.l-tile.t2{top:120px;right:-70px;width:280px;height:280px;background:linear-gradient(135deg,rgba(245,159,0,.75),rgba(214,120,0,.55));color:#fff}.l-tile.t2 svg{height:50%}.l-tile.t3{top:300px;left:52%;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04))}.l-tile.t4{bottom:-60px;right:6%;background:linear-gradient(135deg,rgba(245,159,0,.6),rgba(11,114,133,.4))}.l-tile.t5{bottom:140px;right:-110px}.l-tile.t6{top:-120px;left:-90px;opacity:.55}.l-arte:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,44,.92),rgba(10,31,44,.6) 45%,rgba(10,31,44,.1))}.l-arte-logo,.l-arte-pie,.l-arte-texto{position:absolute;z-index:1;left:60px}.l-arte-logo{top:56px;background:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2)}.l-arte-texto{top:50%;transform:translateY(-40%);max-width:470px}.l-arte-texto h2{font-size:2.3rem;line-height:1.18;margin:0 0 18px;font-weight:800}.l-arte-texto p{font-size:1.05rem;line-height:1.55;color:rgba(255,255,255,.82);margin:0}.l-arte-pie{bottom:50px;font-size:.9rem;color:rgba(255,255,255,.7)}.l-lado{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 70px;background:linear-gradient(135deg,#fbfdfe,#eaf4f6)}.l-deco1{position:absolute;top:0;right:0;width:240px;height:280px;background:var(--l-pri);-webkit-clip-path:polygon(0 0,100% 0,100% 100%);clip-path:polygon(0 0,100% 0,100% 100%)}.l-deco2{position:absolute;bottom:0;left:0;width:130px;height:110px;background:#0d2d3e;-webkit-clip-path:polygon(0 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 100%,0 100%)}.l-card{position:relative;z-index:1;width:100%;max-width:480px;background:#fff;border-radius:20px;padding:44px 40px 36px;box-shadow:0 24px 60px rgba(13,45,62,.12);display:flex;flex-direction:column;gap:14px}.l-card h1{font-size:1.6rem;margin:18px 0 0;color:var(--l-tinta)}.l-sub{margin:0 0 8px;color:#5b6b78;line-height:1.5}.l-campo{display:flex;align-items:center;gap:10px;background:var(--l-campo);border:1.5px solid transparent;border-radius:999px;padding:0 18px;color:#6b7b88;transition:border-color .15s,box-shadow .15s}.l-campo:focus-within{border-color:var(--l-pri);box-shadow:0 0 0 4px rgba(11,114,133,.12);background:#f4f9fb}.l-campo input{border:0;background:transparent;padding:15px 0;flex:1 1;outline:none;font-size:1rem;color:var(--l-tinta)}.l-ojo{background:transparent!important;color:#6b7b88;padding:6px;border-radius:50%;display:flex}.l-ojo:hover{color:var(--l-pri)}.l-olvido{text-align:right;margin-top:-4px;font-size:.9rem}.l-olvido a{color:#5b6b78}.l-entrar{width:100%;padding:14px;font-weight:700;font-size:1.02rem;border-radius:10px;background:var(--l-pri)}.l-entrar:hover{background:var(--l-pri-h)}.l-entrar:disabled{opacity:.7;cursor:wait}.l-instalar{text-align:center}.l-instalar button{display:inline-flex;align-items:center;gap:6px;background:#fff7e6;color:#b86e00;border:1px solid #f7c56b;padding:7px 14px;border-radius:8px;font-weight:600;font-size:.92rem}.l-instalar button:hover{background:#ffefcc}.l-ayuda{font-size:.85rem;color:#5b6b78;margin:10px 0 0}.l-alerta{padding:10px 14px;border-radius:10px;font-size:.92rem}.l-alerta.error{background:#fdecea;color:#b42318}.l-alerta.info{background:#e6f4f7;color:#0b5a69}.l-copy{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:.85rem;color:#6b7b88;z-index:1}@media (max-width:900px){.l-pagina{grid-template-columns:1fr}.l-arte{min-height:220px}.l-arte-logo,.l-arte-pie,.l-arte-texto{display:none}.l-tile{width:150px;height:150px}.l-tile.t2{width:180px;height:180px;top:30px;right:-40px}.l-tile.t3{top:120px;left:40%}.l-lado{padding:0 16px 70px;margin-top:-40px;background:transparent}.l-deco1,.l-deco2{display:none}.l-card{padding:28px 22px}}