/* =========================================================
CSS personalizado para OJS
Menú de usuario: azul oscuro
Menú principal: blanco
Hover y submenús armonizados
========================================================= */

/* =========================
MENÚ DE USUARIO
Registrarse / Entrar / Perfil / Panel de control
========================= */

.pkp_navigation_user > li > a,
.pkp_navigation_user_wrapper a {
color: #003f73 !important;
font-weight: 600;
text-decoration: none !important;
}

/* Hover del menú de usuario */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user_wrapper a:focus {
color: #0066b3 !important;
background: #eaf3fb !important;
border-radius: 4px;
}

/* Usuario activo o desplegado */
.pkp_navigation_user > li.in_focus > a,
.pkp_navigation_user > li:hover > a {
color: #0066b3 !important;
background: #eaf3fb !important;
border-radius: 4px;
}

/* =========================
SUBMENÚ DEL USUARIO
========================= */

.pkp_navigation_user ul {
background: #ffffff !important;
border: 1px solid #d1d5db !important;
box-shadow: 0 6px 18px rgba(0, 63, 115, 0.18);
}

/* Enlaces del submenú de usuario */
.pkp_navigation_user ul a {
color: #003f73 !important;
font-weight: 500;
background: #ffffff !important;
}

/* Hover del submenú de usuario */
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
color: #ffffff !important;
background: #003f73 !important;
}

/* =========================
MENÚ PRINCIPAL
Inicio / Acerca de / Envíos / Actual / Archivos
========================= */

.pkp_navigation_primary > li > a {
color: #ffffff !important;
font-weight: 600;
text-decoration: none !important;
}

/* Hover del menú principal */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
color: #dbeafe !important;
background: rgba(255, 255, 255, 0.14) !important;
border-radius: 4px;
}

/* Menú principal activo o desplegado */
.pkp_navigation_primary > li.in_focus > a,
.pkp_navigation_primary > li:hover > a {
color: #dbeafe !important;
background: rgba(255, 255, 255, 0.14) !important;
border-radius: 4px;
}

/* =========================
SUBMENÚ DEL MENÚ PRINCIPAL
========================= */

.pkp_navigation_primary ul {
background: #ffffff !important;
border: 1px solid #d1d5db !important;
box-shadow: 0 6px 18px rgba(0, 63, 115, 0.18);
}

/* Enlaces del submenú principal */
.pkp_navigation_primary ul a {
color: #003f73 !important;
font-weight: 500;
background: #ffffff !important;
}

/* Hover del submenú principal */
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
color: #ffffff !important;
background: #003f73 !important;
}

/* =========================
CONTADOR DE TAREAS DEL USUARIO
========================= */

.pkp_navigation_user .task_count {
background: #003f73 !important;
color: #ffffff !important;
border-radius: 50%;
font-weight: bold;
}

/* =========================
AJUSTE PARA MENÚ RESPONSIVE / MÓVIL
========================= */

@media (max-width: 768px) {

```
.pkp_navigation_primary > li > a {
    color: #003f73 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #ffffff !important;
    background: #003f73 !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user_wrapper a {
    color: #003f73 !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user_wrapper a:hover {
    color: #ffffff !important;
    background: #003f73 !important;
}
```

}