*{
            font-family:'Poppins',sans-serif;
        }

        body{

            min-height:100vh;

            display:flex;

            justify-content:center;

            align-items:center;

            background:linear-gradient(135deg,#004AAD 0%,#005FD8 50%,#E91E63 100%);

            padding:20px;
        }

        .features{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px 10px;
}

.feature{
    display:flex;
    align-items:center;
}

.icon{
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:10px;
    font-size:18px;
}

.icon.blue{
    border:2px solid #0d47a1;
    color:#0d47a1;
}

.icon.pink{
    border:2px solid #E91E63;
    color:#E91E63;
}

.text h6{
    margin:0;
    font-size:12px;
    font-weight:700;
    line-height:1.1;
}

.text small{
    display:block;
    font-size:11px;
    color:#fff;
    line-height:1.1;
}

.text{
    display:flex;
    flex-direction:column;
    align-items:flex-start; /* Alinea todo a la izquierda */
    text-align:left;
}

.text h6{
    margin:0;
    font-size:12px;
    font-weight:700;
    line-height:1.1;
}

.text small{
    margin-top:2px;
    display:block;
    font-size:11px;
    color:#fff;
    text-align:left;
}
        .login-container{

            width:1100px;

            max-width:100%;

            min-height:620px;

            background:#fff;

            border-radius:30px;

            overflow:hidden;

            box-shadow:0 30px 60px rgba(0,0,0,.25);

        }

        .lado-izquierdo{

            background:linear-gradient(180deg,#005FD8,#004AAD);

            color:white;

            padding:50px;

            display:flex;

            flex-direction:column;

            justify-content:center;

            align-items:center;

            text-align:center;

        }

        .logo{

            width:100%;

            max-width:100px;

        }

        .lado-izquierdo img{

            width:100%;

            max-width:340px;

            margin:30px 0;
        }


        .lado-izquierdo h2{

            font-weight:700;
        }

        .lado-izquierdo p{

            opacity:.9;
        }

        .lado-derecho{

            padding:60px;

            display:flex;

            justify-content:center;

            align-items:center;
        }

        .form-login{

            width:100%;

            max-width:380px;
        }

        .titulo{

            font-size:32px;

            font-weight:700;

            color:#004AAD;
        }

        .subtitulo{

            color:#777;

            margin-bottom:35px;
        }

        .form-label{

            font-weight:600;
        }

        .input-group-text{

            background:white;

            border-right:none;

            border-radius:12px 0 0 12px;
        }

        .form-control{

            border-left:none;

            border-radius:0 12px 12px 0;

            height:52px;
        }

        .form-control:focus{

            box-shadow:none;

            border-color:#005FD8;
        }

        .input-group:focus-within .input-group-text{

            border-color:#005FD8;
        }

        .btn-login{

            height:52px;

            border:none;

            border-radius:12px;

            font-weight:600;

            background:linear-gradient(90deg,#004AAD,#E91E63);

            transition:.3s;
        }

        .btn-login:hover{

            transform:translateY(-2px);

            box-shadow:0 10px 20px rgba(0,0,0,.2);
        }

        .copyright{

            margin-top:40px;

            text-align:center;

            color:#888;

            font-size:13px;
        }

        @media(max-width:991px){

            .lado-izquierdo{

                display:none;
            }

            .lado-derecho{

                padding:35px;
            }

            .login-container{

                min-height:auto;
            }

        }