body[data-page=portal-propietarios]{background:#08151e;color:#fff}section.portal{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;padding-top:88px}section.portal:before{content:"";position:absolute;inset:0;background:url(/images/webp/DJI_0273-1-1600w.webp) center/cover no-repeat;z-index:0;transform:scale(1.04);animation:portalKenburns 30s ease-in-out infinite alternate}@keyframes portalKenburns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}section.portal:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0312218c,#03122166 40%,#031221d9)}section.portal .stage{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px clamp(24px,5vw,72px) 80px;text-align:center;gap:40px}section.portal .stage .eye{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow-500);display:block}section.portal .stage h1{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,5.6vw,84px);line-height:1;letter-spacing:-.028em;margin:0;color:#fff;max-width:18ch}section.portal .stage h1 em{font-style:italic;font-weight:400;color:var(--yellow-500)}.options{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:980px;margin-top:8px}.opt{position:relative;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:40px 36px;text-align:left;display:flex;flex-direction:column;gap:20px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;color:#fff;overflow:hidden;cursor:pointer;text-decoration:none}.opt:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#f0a40000 0% 100%);transition:background .35s;pointer-events:none;z-index:0}.opt:hover{background:#ffffff1a;border-color:#f0a40073;transform:translateY(-4px);box-shadow:0 20px 50px #00000059,0 6px 16px #f0a4001a}.opt:hover:before{background:linear-gradient(140deg,#f0a40024,#f0a40000 60%)}.opt>*{position:relative;z-index:1}.opt .opt-icon{width:56px;height:56px;border-radius:50%;background:#f0a40026;border:1px solid rgba(240,164,0,.35);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s}.opt:hover .opt-icon{background:#f0a40047;transform:scale(1.05)}.opt .opt-icon svg{width:24px;height:24px;color:var(--yellow-500)}.opt h2{font-family:var(--font-display);font-weight:300;font-size:clamp(28px,2.8vw,38px);line-height:1.05;letter-spacing:-.018em;margin:0;color:#fff;max-width:14ch}.opt h2 em{font-style:italic;font-weight:400;color:var(--yellow-500)}.opt p{font-size:14.5px;line-height:1.6;color:#ffffffb8;margin:0;max-width:36ch;font-weight:300}.opt .opt-go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow-500);font-weight:500;transition:gap .25s}.opt:hover .opt-go{gap:16px}section.portal .helper{position:relative;z-index:2;padding:0 clamp(24px,5vw,72px) 40px;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff80}section.portal .helper a{color:#fffc;transition:color .2s}section.portal .helper a:hover{color:var(--yellow-500)}section.portal .helper .sep{opacity:.4}.login-overlay{position:fixed;inset:0;z-index:100;background:#031221c7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s ease;display:flex;align-items:center;justify-content:center;padding:24px}.login-overlay.on{opacity:1;pointer-events:auto}.login-card{position:relative;background:var(--surface-page,#FAF9F7);color:var(--fg1);border-radius:8px;width:100%;max-width:440px;padding:48px 44px 40px;box-shadow:0 30px 80px #00000073,0 8px 24px #0003;transform:translateY(16px) scale(.985);transition:transform .35s ease;font-family:var(--font-body)}.login-overlay.on .login-card{transform:translateY(0) scale(1)}.login-card .lc-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--border-hairline);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--fg2);font-family:inherit;transition:background .2s,color .2s,border-color .2s}.login-card .lc-close:hover{background:var(--fg1);color:#fff;border-color:var(--fg1)}.login-card .lc-close:before,.login-card .lc-close:after{content:"";position:absolute;width:14px;height:1.5px;background:currentColor;border-radius:1px}.login-card .lc-close:before{transform:rotate(45deg)}.login-card .lc-close:after{transform:rotate(-45deg)}.login-card .lc-brand{display:flex;justify-content:center;margin-bottom:22px}.login-card .lc-brand img{height:30px;width:auto}.login-card .lc-eye{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);text-align:center;margin-bottom:12px}.login-card h2{font-family:var(--font-display);font-weight:300;font-size:34px;line-height:1.05;letter-spacing:-.02em;margin:0 0 8px;text-align:center;color:var(--fg1)}.login-card h2 em{font-style:italic;font-weight:400;color:var(--blue-500)}.login-card .lc-sub{font-size:14px;line-height:1.5;color:var(--fg2);text-align:center;margin:0 0 32px;font-weight:300}#login-form{display:flex;flex-direction:column;gap:22px}.login-card .lc-field{display:flex;flex-direction:column;gap:8px}.login-card .lc-field label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);font-weight:500}.login-card .lc-field input{font-family:inherit;font-size:15px;color:var(--fg1);background:transparent;border:none;border-bottom:1px solid var(--border-hairline);padding:8px 0 12px;outline:none;transition:border-color .2s}.login-card .lc-field input:focus{border-bottom-color:var(--blue-500)}.login-card .lc-field input::placeholder{color:var(--fg3);font-weight:300}.login-card .lc-field.invalid input{border-bottom-color:#b23e3e}.login-card .lc-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:-6px}.login-card .lc-remember{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg2);cursor:pointer}.login-card .lc-remember input{appearance:none;width:16px;height:16px;border:1.5px solid var(--border-strong,#D1CCC3);border-radius:3px;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.login-card .lc-remember input:checked{background:var(--blue-500);border-color:var(--blue-500)}.login-card .lc-remember input:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.login-card .lc-forgot{font-size:13px;color:var(--blue-500);text-decoration:underline;text-underline-offset:2px}.login-card .lc-forgot:hover{color:var(--blue-700)}.login-card .lc-submit{margin-top:8px;background:var(--blue-500);color:#fff;border:none;padding:15px 24px;border-radius:999px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:background .25s,transform .2s,box-shadow .25s;display:inline-flex;justify-content:center;align-items:center;gap:10px}.login-card .lc-submit:hover{background:var(--blue-700);transform:translateY(-1px);box-shadow:0 6px 18px #0a3a5c33}.login-card .lc-submit:hover span{transform:translate(3px)}.login-card .lc-submit span{transition:transform .25s}.login-card .lc-help{text-align:center;font-size:12.5px;color:var(--fg2);margin:24px 0 0;padding-top:22px;border-top:1px solid var(--border-hairline);line-height:1.55}.login-card .lc-help a{color:var(--blue-500);text-decoration:underline;text-underline-offset:2px}.login-card .lc-error{display:none;background:#b23e3e14;border-left:3px solid #B23E3E;padding:12px 14px;font-size:13px;color:#7a2929;line-height:1.4;margin-bottom:-4px}.login-card .lc-error.on{display:block}body.lock{overflow:hidden}@media(max-width:780px){.options{grid-template-columns:1fr;max-width:480px}.opt{padding:32px 28px}section.portal .stage{gap:36px;padding-bottom:80px}section.portal .helper{flex-direction:column;gap:12px}section.portal .helper .sep{display:none}}
