body {
    
    background-size: cover;
}

#login {
    width: 320px;
    padding: 0;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login h1 {
    text-align: center;
    background: rgba(0,0,0,.8);
    padding-top: 15px;
}

.login form {
    margin-top: 0;
    margin-left: 0;
    padding: 26px 24px 46px;
    font-weight: 400;
    overflow: hidden;
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.wp-core-ui .button-primary {
    background: #ef7d7d;
    border-color: #ef7d7d;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.wp-core-ui .button-primary:hover {
    background: #ed433d;
    border-color: #ed433d;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #fff;
    font-size: 1.5em;
    transition: all .2s ease-in-out;
    font-weight: bold;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: #fff;
}

input[type=checkbox]:checked:before {
    content: "\2713";
    font-weight: bold;
    color: #ed433d;
    margin: 7px 0 0 -4px;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #ed433d;
    box-shadow: 0 0 2px rgba(237,67,61,.8);
    outline: 2px solid transparent;
}


.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
    color: transparent;
}

a:focus {
    box-shadow: none;
}

.login h1 a:hover {
    transition: all .2s ease-in-out;
    transform: scale(1.05);
}

.login #login_error, .login .message, .login .success {
    margin-bottom: 0!important;
}

.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover, .wp-core-ui .button-primary:active {
    background: #d62c26;
    border-color: #ed433d;
    box-shadow: inset 0 2px 0 #ed433d;
}
/* 1. Fondo general de la página */
       

        /* 2. El contenedor del formulario */
        #login {
            padding: 0 !important;
            width: 400px !important;
        }

        /* 3. Estilo de la caja del formulario */
        .login form {
            border: none !important;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
            border-radius: 8px !important;
            padding: 40px !important;
        }

        /* 4. Títulos de los campos */
        .login label {
            color: #444 !important;
            font-weight: 500;
            margin-bottom: 8px;
        }

        /* 5. Inputs (Campos de texto) */
        .login input[type="text"], 
        .login input[type="password"] {
            border-radius: 6px !important;
            border: 1px solid #ddd !important;
            padding: 10px !important;
            box-shadow: none !important;
        }

        /* 6. El botón principal (Color salmón según tu imagen) */
        .login #wp-submit {
            background-color: #272727 !important;
            border: none !important;
            border-radius: 6px !important;
            text-shadow: none !important;
            box-shadow: none !important;
            padding: 0 20px !important;
            height: 45px !important;
            font-weight: bold !important;
            float: none !important;
            width: 100% !important;
            margin-top: 15px !important;
            transition: background 0.3s ease;
        }

        .login #wp-submit:hover {
            background-color: BLACK !important;
        }

        /* 7. Links inferiores (¿Olvidaste tu contraseña?, etc) */
        .login #nav a, .login #backtoblog a {
            color: #888 !important;
            text-decoration: none !important;
        }

        /* Ocultar el logo de WordPress si deseas poner el tuyo propio */
        .login h1 a {
            display: none !important;
        }