/* portal.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;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px;position:relative;overflow:hidden}

    /* Fondo imagen */
    body::before{
      content:'';position:absolute;inset:0;
      background:url('../assets/images/Fondo Portal Clientes.png') center/cover no-repeat;
      pointer-events:none;
    }
    /* Overlay oscuro para legibilidad */
    body::after{
      content:'';position:absolute;inset:0;
      background:rgba(4,2,0,.62);
      pointer-events:none;
    }

    .portal-logo{height:36px;width:auto;display:block;opacity:.9;margin-bottom:48px}
    .content{position:relative;z-index:1;width:100%;max-width:560px;text-align:left}

    .portal-tag,.portal-divider,.back-link,h1,.portal-sub{position:relative;z-index:1}
    .portal-tag{font-size:.64rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;gap:12px}
    .portal-tag::before{content:'';display:block;width:32px;height:1px;background:var(--accent);opacity:.6}
    .portal-tag::after{display:none}

    h1{
      font-family:'Cormorant Garamond',serif;
      font-size:clamp(2.8rem,8vw,5rem);
      font-weight:300;
      letter-spacing:.04em;
      line-height:1.08;
      color:var(--text);
      margin-bottom:28px;
    }

    .portal-sub{
      font-size:.85rem;
      font-weight:300;
      letter-spacing:.12em;
      color:var(--text-faint);
      margin-bottom:64px;
    }

    .portal-divider{
      width:48px;height:1px;background:var(--accent);opacity:.5;margin:0 0 64px;
    }

    .back-link{font-size:.72rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);text-decoration:none;transition:color .22s;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:3;white-space:nowrap}
    .back-link:hover{color:var(--accent);text-decoration:none}

    @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
    .content .portal-logo{animation:fadeUp .9s cubic-bezier(.22,1,.36,1) both}
    .content .portal-tag{animation:fadeUp .9s cubic-bezier(.22,1,.36,1) .15s both}
    .content h1{animation:fadeUp 1s cubic-bezier(.22,1,.36,1) .3s both}
    .content .portal-divider{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .48s both}