/*
 * Estilos personalizados para la página de Login de WordPress
 * /assets/css/login-styles.css
 */

body.login {
    background-color: #f0f2f5; /* Un fondo gris claro, más moderno */
}

/* Esta es la parte más importante: el logo */
#login h1 a, .login h1 a {
    background-image: url('https://mascotasenred.com.co/wp-content/uploads/2025/06/logo-1.webp'); /* <-- ¡REEMPLAZA ESTO! */
    width: 245px; /* Ancho de tu logo */
    height: 95px; /* Alto de tu logo */
    background-size: contain; /* Asegura que el logo quepa bien */
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

/* Estilos para la caja del formulario */
#loginform {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 26px 24px 32px;
}

/* Estilos para los campos */
.login form .input, .login input[type="text"] {
    border-radius: 5px;
    border: 1px solid #ddd;
    box-shadow: none;
}

/* Estilos para el botón de Iniciar Sesión */
.wp-core-ui .button-primary {
    background: #3498db;  /* Color principal de tu marca */
    border-color: #2980b9;
    box-shadow: none;
    text-shadow: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.wp-core-ui .button-primary:hover {
    background: #2980b9;
    border-color: #21759b;
}

/* Estilos para los enlaces debajo del formulario */
.login #nav, .login #backtoblog {
    text-align: center;
}

.login #nav a, .login #backtoblog a {
    color: #555;
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #000;
}