/* ============================================
   CSS: login.css — Olemurcia
   Componente: Login portada
   ============================================ */

    /* ---------- Login (portada) ---------- */

    .login-fondo{

        min-height:100vh;

        display:flex;

        align-items:center;

        justify-content:center;

        padding:24px;

        background:

            radial-gradient(600px 300px at 20% 10%, rgba(124,92,255,.18), transparent),

            radial-gradient(600px 300px at 80% 90%, rgba(34,211,238,.12), transparent);

    }

    .login-tarjeta{

        width:100%;

        max-width:380px;

        background:rgba(17,21,38,.55);

        border:1px solid var(--borde);

        border-radius:20px;

        padding:32px;

        backdrop-filter:blur(18px);

        -webkit-backdrop-filter:blur(18px);

        box-shadow:0 24px 70px rgba(0,0,0,.5);

    }

    .logo-grande{

        width:58px;

        height:58px;

        margin:0 auto 14px;

        border-radius:16px;

        background:linear-gradient(135deg, var(--violeta), var(--cian));

        display:flex;

        align-items:center;

        justify-content:center;

        font-size:28px;

        box-shadow:0 10px 30px rgba(124,92,255,.35);

    }

    .login-tarjeta h1{

        text-align:center;

        font-size:20px;

        margin-bottom:4px;

    }

    .login-tarjeta .sub{

        text-align:center;

        color:var(--difuso);

        font-size:13px;

        margin-bottom:22px;

    }