.auth-form {
    min-width:320px;
    max-width:500px;
}

.production-warn {
    display:block;
    text-align:center;
    padding:3px;
    font-size:11px;
    text-transform:uppercase;
    background:red;
    color:#fff;
    letter-spacing:2px;
    font-weight:bold;
    font-family:var(--font);
    animation: rojoNegro 2s ease-in-out infinite;
}
    .production-warn::after {
        display:inline;
        content:"USUARIO EN PRODUCCION - AMBIENTE DESARROLLO";
    }
    @keyframes rojoNegro {
        0%, 100% { background-color: #cc0000; }
        50%      { background-color: #000000; }
    }