* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #1f2933;
}

.auth-page {
}

.auth-card {
    animation: entradaSuave 220ms ease-out both;
}

.auth-card h1 {
}

.auth-card form {
}

.auth-card label {
}

.button {
    font-size: 0.85rem;
    height: auto;
    cursor: pointer;
}

.campode {
    width: 100%;
    font-size: 0.85rem;
    height: auto;
}

.mensaje {
    min-height: 1.1rem;
    font-size: 0.82rem;
}

.mensaje.error {
    color: #b42318;
}

.mensaje.success {
    color: #00A51A;
}

.auth-links {
}

.auth-links a {
}

@keyframes entradaSuave {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}