/* =========================================================
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;
}
```

}
/* =========================================================
CONRADO - DISEÑO PARA BLOQUES NATIVOS DEL PANEL LATERAL
Idioma / Palabras clave / Información / Enviar artículo / etc.
Pegar al final de custom.css
========================================================= */

/* Contenedor general del panel lateral */
.pkp_structure_sidebar {
font-family: Arial, Helvetica, sans-serif !important;
}

/* Bloques nativos de OJS */
.pkp_structure_sidebar .pkp_block,
.pkp_block.block_language,
.pkp_block.block_keywords,
.pkp_block.block_information,
.pkp_block.block_make_submission,
.pkp_block.block_developed_by {
background: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 6px 18px rgba(0, 63, 115, 0.12) !important;
margin-bottom: 22px !important;
padding: 0 !important;
}

/* Títulos de los bloques nativos */
.pkp_structure_sidebar .pkp_block .title,
.pkp_block.block_language .title,
.pkp_block.block_keywords .title,
.pkp_block.block_information .title,
.pkp_block.block_make_submission .title,
.pkp_block.block_developed_by .title {
display: block !important;
background: linear-gradient(135deg, #003f73, #0066b3) !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
line-height: 1.35 !important;
margin: 0 !important;
padding: 13px 15px !important;
border: none !important;
}

/* Contenido interno de los bloques */
.pkp_structure_sidebar .pkp_block .content,
.pkp_block.block_language .content,
.pkp_block.block_keywords .content,
.pkp_block.block_information .content,
.pkp_block.block_make_submission .content,
.pkp_block.block_developed_by .content {
padding: 15px !important;
color: #374151 !important;
font-size: 14px !important;
line-height: 1.45 !important;
box-sizing: border-box !important;
}

/* Párrafos dentro de bloques */
.pkp_structure_sidebar .pkp_block p {
color: #374151 !important;
font-size: 14px !important;
line-height: 1.45 !important;
margin: 8px 0 !important;
}

/* Enlaces generales dentro del panel lateral */
.pkp_structure_sidebar .pkp_block a {
color: #003f73 !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block a:hover,
.pkp_structure_sidebar .pkp_block a:focus {
color: #0066b3 !important;
text-decoration: underline !important;
}

/* Listas de bloques nativos */
.pkp_structure_sidebar .pkp_block ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block ul li {
margin: 0 0 8px !important;
padding: 0 !important;
}

/* Enlaces tipo botón dentro de bloques nativos */
.pkp_structure_sidebar .pkp_block ul li a {
display: block !important;
background: #f3f7fb !important;
border-left: 5px solid #003f73 !important;
border-radius: 6px !important;
padding: 10px 11px !important;
color: #003f73 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: all .2s ease !important;
}

.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:focus {
background: #003f73 !important;
color: #ffffff !important;
border-left-color: #0066b3 !important;
text-decoration: none !important;
}

/* Bloque de idioma */
.pkp_block.block_language ul li a {
background: #f3f7fb !important;
border-left: 5px solid #003f73 !important;
color: #003f73 !important;
}

.pkp_block.block_language ul li a:hover {
background: #003f73 !important;
color: #ffffff !important;
}

/* Bloque de palabras clave */
.pkp_block.block_keywords a,
.pkp_structure_sidebar .block_keywords a,
.pkp_structure_sidebar .keyword_cloud a,
.pkp_structure_sidebar .tag-cloud a {
display: inline-block !important;
margin: 4px 3px !important;
padding: 6px 9px !important;
background: #f3f7fb !important;
color: #003f73 !important;
border: 1px solid #dbeafe !important;
border-radius: 20px !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.pkp_block.block_keywords a:hover,
.pkp_structure_sidebar .block_keywords a:hover,
.pkp_structure_sidebar .keyword_cloud a:hover,
.pkp_structure_sidebar .tag-cloud a:hover {
background: #003f73 !important;
color: #ffffff !important;
border-color: #003f73 !important;
text-decoration: none !important;
}

/* Bloque Enviar artículo / Make a submission */
.pkp_block.block_make_submission a,
.pkp_structure_sidebar .block_make_submission a {
display: block !important;
background: #003f73 !important;
color: #ffffff !important;
text-align: center !important;
border-radius: 8px !important;
padding: 12px 14px !important;
font-weight: bold !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(0, 63, 115, 0.18) !important;
}

.pkp_block.block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:hover {
background: #0066b3 !important;
color: #ffffff !important;
text-decoration: none !important;
}

/* Bloque Desarrollado por */
.pkp_block.block_developed_by {
text-align: center !important;
}

.pkp_block.block_developed_by .content {
background: #f9fafb !important;
}

/* Selectores, formularios y botones dentro del panel lateral */
.pkp_structure_sidebar .pkp_block select,
.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"] {
width: 100% !important;
max-width: 100% !important;
border: 1px solid #d1d5db !important;
border-radius: 6px !important;
padding: 9px 10px !important;
color: #374151 !important;
background: #ffffff !important;
font-size: 14px !important;
box-sizing: border-box !important;
}

.pkp_structure_sidebar .pkp_block select:focus,
.pkp_structure_sidebar .pkp_block input[type="text"]:focus,
.pkp_structure_sidebar .pkp_block input[type="search"]:focus {
border-color: #0066b3 !important;
box-shadow: 0 0 0 3px rgba(0, 102, 179, 0.16) !important;
outline: none !important;
}

.pkp_structure_sidebar .pkp_block button,
.pkp_structure_sidebar .pkp_block input[type="submit"],
.pkp_structure_sidebar .pkp_block .button {
background: #003f73 !important;
color: #ffffff !important;
border: none !important;
border-radius: 6px !important;
padding: 9px 13px !important;
font-size: 14px !important;
font-weight: bold !important;
cursor: pointer !important;
text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block button:hover,
.pkp_structure_sidebar .pkp_block input[type="submit"]:hover,
.pkp_structure_sidebar .pkp_block .button:hover {
background: #0066b3 !important;
color: #ffffff !important;
}

/* Imágenes dentro de bloques nativos */
.pkp_structure_sidebar .pkp_block img {
max-width: 100% !important;
height: auto !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Responsive */
@media (max-width: 768px) {

```
.pkp_structure_sidebar .pkp_block {
    margin-bottom: 18px !important;
    border-radius: 10px !important;
}

.pkp_structure_sidebar .pkp_block .title {
    font-size: 14px !important;
    padding: 12px 14px !important;
}

.pkp_structure_sidebar .pkp_block .content {
    padding: 14px !important;
}
```

}
/* =========================================================
CORRECCIÓN DEL ENCABEZADO DEL BLOQUE PERSONALIZADO CONRADO
Pegar al final de custom.css
========================================================= */

/* Recupera el encabezado azul del bloque personalizado */
.pkp_structure_sidebar [id^="customblock-"] .content > div > div:first-child,
.pkp_structure_sidebar [id^="customblock-"] > div > div:first-child {
background: linear-gradient(135deg,#003f73,#0066b3) !important;
padding: 18px 16px !important;
border-radius: 12px 12px 0 0 !important;
text-align: center !important;
color: #ffffff !important;
box-sizing: border-box !important;
}

/* Título Conrado dentro del bloque personalizado */
.pkp_structure_sidebar [id^="customblock-"] .content > div > div:first-child p:first-child,
.pkp_structure_sidebar [id^="customblock-"] > div > div:first-child p:first-child {
margin: 0 !important;
font-size: 20px !important;
line-height: 1.2 !important;
font-weight: bold !important;
color: #ffffff !important;
}

/* Subtítulo del bloque personalizado */
.pkp_structure_sidebar [id^="customblock-"] .content > div > div:first-child p:nth-child(2),
.pkp_structure_sidebar [id^="customblock-"] > div > div:first-child p:nth-child(2) {
margin: 5px 0 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #e5e7eb !important;
}