/* portal-interno.css - FINEC */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg:#040200;
      --text:#f0ece4;
      --text-soft:#a89f92;
      --text-faint:#6b6358;
      --accent:#c9a96e;
      --line:rgba(201,169,110,.18);
    }
    html,body{height:100%;background:var(--bg);color:var(--text);font-family:'Jost',sans-serif}
    body{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;padding:24px 24px 24px 8%;position:relative;overflow:hidden}

    /* Video fondo */
    .bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity 1s ease}
    .bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(4,2,0,.72) 0%,rgba(4,2,0,.55) 40%,rgba(4,2,0,.28) 70%,rgba(4,2,0,.08) 100%);z-index:1;pointer-events:none}

    /* Card login */
    .site-logo{position:fixed;top:28px;left:8%;height:28px;width:auto;opacity:.9;z-index:3}
    .login-card{position:relative;z-index:2;width:100%;max-width:400px;padding:48px 40px 40px;border:1px solid rgba(201,169,110,.28);background:rgba(255,245,220,.16);backdrop-filter:blur(28px);display:flex;flex-direction:column;align-items:center;gap:0}

    .login-logo{height:32px;width:auto;display:block;opacity:.9;margin-bottom:40px}

    .login-tag{font-size:.84rem;font-weight:400;letter-spacing:.18em;color:var(--accent);margin-bottom:32px;display:flex;align-items:center;gap:10px}.nexus-pro{letter-spacing:0}.nexus-pro sup{font-size:.52rem;vertical-align:super}
    .login-tag::before,.login-tag::after{content:'';display:block;width:24px;height:1px;background:var(--accent);opacity:.5}

    .field{width:100%;margin-bottom:16px;position:relative}
    .field input{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(201,169,110,.32);padding:14px 16px;font-family:'Jost',sans-serif;font-size:.92rem;font-weight:400;color:var(--text);letter-spacing:.04em;outline:none;transition:border-color .22s ease}
    .field input::placeholder{color:var(--text-faint)}
    .field input:focus{border-color:rgba(201,169,110,.5)}
    .field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);cursor:pointer;font-size:.9rem;user-select:none;transition:color .22s}
    .field-icon:hover{color:var(--accent)}

    .divider{width:100%;height:1px;background:var(--line);margin:8px 0 24px}

    .btn-login{width:100%;padding:16px;border-radius:999px;background:rgba(177,141,99,.20);border:1px solid rgba(177,141,99,.50);color:var(--text);font-family:'Jost',sans-serif;font-size:.80rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background .24s ease,transform .24s ease,border-color .24s ease;margin-bottom:20px}
    .btn-login:hover{background:rgba(177,141,99,.32);border-color:rgba(177,141,99,.72);transform:translateY(-1px)}

    .forgot{font-size:.94rem;font-weight:300;letter-spacing:.06em;color:var(--text-faint);text-decoration:none;transition:color .22s;margin-bottom:32px}
    .forgot:hover{color:var(--accent)}

    .lang-select{width:100%;margin-bottom:16px;position:relative}
    .lang-select select{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(201,169,110,.18);padding:13px 16px;font-family:'Jost',sans-serif;font-size:.86rem;font-weight:300;color:var(--text-soft);letter-spacing:.06em;outline:none;appearance:none;cursor:pointer;transition:border-color .22s ease}
    .lang-select select:focus{border-color:rgba(201,169,110,.5)}
    .lang-select select option{background:#0d0b09;color:var(--text)}
    .lang-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none;font-size:.7rem}
    .back-link{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);text-decoration:none;transition:color .22s;opacity:1}
    .back-link.outside{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap}
    .back-link:hover{color:var(--accent);opacity:1}

    @media(max-width:480px){.login-card{padding:36px 24px 32px}}
