.login-page {
        background: linear-gradient(
                135deg,
                #1a1a1a 50%,
                #b68a10 50%
                );
        
    }

    .widget-login-container {
        /* background-image: url('../../src/img/logo.png'); */
        background-size: 50% auto;
        /* imagen más pequeña */
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: fixed;
    }

    #variasimg {
        position: relative;
        width: 100%;
        text-align: center;
        /* comportamiento por defecto: centrado */
        padding: 10px 0;
    }

    #variasimg img {
        max-width: 100%;
        height: auto;
    }

    /* Estilo para pantallas mayores a 768px (portátiles o escritorio) */
    @media (min-width: 992px) {
        #variasimg {
            position: fixed;
            bottom: 0;
            left: 0;
            text-align: left;
            padding: 20px;
            width: auto;
            z-index: 1000;
        }

        #variasimg img {
            width: 50%;
            height: auto;
            transform: translateX(-280px) translateY(10px);
            /* mueve 50px hacia abajo */
        }
    }


    .bg-login {
        background-color: #5C4B17;
        color: #ffffff;
    }