/* login-styles.css */

/* Estilo para el cuerpo de la página */
body.login {
    background-color: #000000; 
    font-family:"Helvetica", Verdana, Arial, sans-serif;
}

/* Estilo para el logo */
.login h1 a {
    background-image: url('images/login-logo.png'); 
    height: 20px;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 20px;
}

/* Estilo para el formulario */
#loginform {
    background-color: #333;
    border: none;
    padding: 20px;
    border-radius: 0px;
}

#loginform p {
    margin-bottom: 20px;
}

#loginform label {
    color: #fff;
    font-size: 10px;
    font-weight:600;
}

#user_login,
#user_pass,
#user_email {
    width: 100%;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #333;
    border-radius: 0px;
    box-sizing: border-box; /* Importante para el ancho */
    background-color:#282828;
    color:white;
    font-size:12px;
    line-height:1rem;
}

/* Estilo para el botón de login/registro */
.wp-core-ui .button-primary {
    background-color: #222;
    border-color: #333;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    font-size: 10px;
    text-transform:uppercase;
    height: auto; /* Anula la altura por defecto de WP */
    line-height: 1rem; /* Anula la altura de línea por defecto de WP */
    cursor: pointer;
    margin-top:10px;
    font-weight:600;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background-color: #555;
    border-color: #555;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
    color: #6a6a6a;
}

.wp-core-ui .button, .wp-core-ui .button-secondary:hover {
    color: #fff;
}

.wp-core-ui .button, .wp-core-ui .button-secondary:active {
    color: #fff;
}

.wp-core-ui .button, .wp-core-ui .button-secondary:focus {
    color: #fff;
}

.login .button.wp-hide-pw .dashicons {
    top: .5rem;
}

/* Enlaces al pie del formulario (Olvidaste tu contraseña?, Volver al sitio) */
#nav, #backtoblog {
    text-align: center;
    margin-top: 15px;
    color:white;
}

#nav a, #backtoblog a {
    color: #fff;
    text-decoration: underline;
}

#nav a:hover, #backtoblog a:hover {
    text-decoration: none;
}

.login #backtoblog a, .login #nav a{
	text-align: center;
    margin-top: 10px;
    color:white;
    font-size:10px;
    font-weight:600;
    text-decoration: underline;
}

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



/* Mensajes de error/éxito */
#login_error,
.login .message,
.login .notice,
.login .success,
.message,
.success {
    font-size: 10px;
    border: none;
    text-align: center;
    color: white;
    font-weight: 600;
    background-color: #101010;
    line-height:1rem;
    text-align:left;
}

.login form{
	background-color: #333;
    border: none;
    padding: 20px;
    border-radius: 0px;
}

.login label{
    color: #fff;
    font-size: 10px;
    font-weight:600;
}

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{
outline: 2px solid #3d3d3d;
}