/* Definir una variable de color */
:root {
    --color-primario: #005e3c;
    --color-secundario: #f0f0f0;
}


/* Fondo personalizado para el área de login */
body.login {
    background-color: var(--color-secundario);
}

/* Cambia el color del fondo y el texto del logo en la página de login */
.login h1 a {
    background-color: var(--color-secundario);
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
    font-size: 24px;
    border-radius: 5px;
}

/* Cambia el color de fondo del botón de inicio de sesión */
.login #wp-submit {
    background-color: var(--color-primario);
    border-color: var(--color-primario);
    color: #fff;
    border-radius: 5px;
}

/* Cambia el color de fondo del botón de "Recordarme" en la página de login */
.login label {
    color: #555;
}

/* Cambia el color de fondo del menú de administración */
#adminmenu {
    background-color: #333;
}

/* Cambia el color de texto del menú de administración */
#adminmenu a {
    color: #fff !important;
}

/* Cambia el color de fondo del menú de administración cuando está desplegado */
#adminmenu li.wp-has-current-submenu:hover,
#adminmenu li.wp-has-submenu.wp-menu-open:hover {
    background-color: #444;
}

/* Cambia el color de fondo del área de contenido de las páginas de administración */
#wpcontent {
    background-color: #f9f9f9;
}

/* Cambia el color de fondo de los botones en las páginas de administración */
.button-primary,
.button-secondary {
    background-color: var(--color-primario);
    border-color: var(--color-primario);
    color: #fff;
}

/* Cambia el color de fondo del área de widgets en el escritorio de administración */
#dashboard-widgets {
    background-color: #fff;
}

/* Oculta el logo en la barra de administración */
#wp-admin-bar-wp-logo,
#wp-admin-bar-site-name,
#wp-admin-bar-site-name-default {
    display: none !important;
}