/* =========================================================
CORRECCIÓN FINAL BLOQUE PERSONALIZADO CONRADO
Solo la cabecera debe ser azul; el cuerpo queda blanco.
Pegar al final de custom.css
========================================================= */

/* Detecta el bloque personalizado nuevo y elimina doble título/marco interno */
@supports selector(:has(*)) {

```
.pkp_structure_sidebar .pkp_block:has(.conrado-sidebar-clean) {
    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;
    padding: 0 !important;
    margin-bottom: 22px !important;
}

.pkp_structure_sidebar .pkp_block:has(.conrado-sidebar-clean) > .title,
.pkp_structure_sidebar .pkp_block:has(.conrado-sidebar-clean) > h2,
.pkp_structure_sidebar .pkp_block:has(.conrado-sidebar-clean) > h3 {
    display: none !important;
}

.pkp_structure_sidebar .pkp_block:has(.conrado-sidebar-clean) .content {
    background: #ffffff !important;
    padding: 0 !important;
}
```

}

/* Estructura general del bloque personalizado */
.conrado-sidebar-clean {
width: 100% !important;
background: #ffffff !important;
color: #374151 !important;
font-family: Arial, Helvetica, sans-serif !important;
box-sizing: border-box !important;
}

/* Solo esta parte va en azul */
.conrado-sidebar-clean .conrado-sidebar-header {
background: linear-gradient(135deg, #003f73, #0066b3) !important;
padding: 18px 16px !important;
text-align: center !important;
color: #ffffff !important;
box-sizing: border-box !important;
}

/* Título Conrado */
.conrado-sidebar-clean .conrado-sidebar-title {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: bold !important;
color: #ffffff !important;
background: transparent !important;
}

/* Subtítulo */
.conrado-sidebar-clean .conrado-sidebar-subtitle {
margin: 5px 0 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
font-weight: normal !important;
color: #e5e7eb !important;
background: transparent !important;
}

/* Cuerpo blanco */
.conrado-sidebar-clean .conrado-sidebar-section {
background: #ffffff !important;
padding: 16px 15px !important;
border-bottom: 1px solid #e5e7eb !important;
box-sizing: border-box !important;
}

.conrado-sidebar-clean .conrado-sidebar-section:last-child {
border-bottom: none !important;
}

/* Títulos internos: texto azul, fondo blanco */
.conrado-sidebar-clean .conrado-sidebar-section-title {
background: #ffffff !important;
margin: 0 0 12px !important;
padding: 0 0 8px !important;
border-bottom: 2px solid #003f73 !important;
color: #003f73 !important;
font-size: 15px !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
line-height: 1.35 !important;
}

/* Botones de instructivos */
.conrado-sidebar-clean .conrado-sidebar-link {
display: block !important;
margin: 0 0 10px !important;
padding: 11px 12px !important;
background: #f3f7fb !important;
border-left: 5px solid #003f73 !important;
border-radius: 6px !important;
color: #003f73 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: bold !important;
text-decoration: none !important;
box-sizing: border-box !important;
}

.conrado-sidebar-clean .conrado-sidebar-link:hover,
.conrado-sidebar-clean .conrado-sidebar-link:focus {
background: #003f73 !important;
color: #ffffff !important;
border-left-color: #0066b3 !important;
text-decoration: none !important;
}

/* Tarjetas de logos */
.conrado-sidebar-clean .conrado-sidebar-card {
display: block !important;
margin: 0 0 10px !important;
padding: 10px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
text-align: center !important;
text-decoration: none !important;
box-sizing: border-box !important;
}

.conrado-sidebar-clean .conrado-sidebar-card:hover {
background: #f9fafb !important;
border-color: #0066b3 !important;
text-decoration: none !important;
}

.conrado-sidebar-clean .conrado-sidebar-card img,
.conrado-sidebar-clean .conrado-sidebar-counter img,
.conrado-sidebar-clean .conrado-sidebar-cert img {
max-width: 100% !important;
height: auto !important;
max-height: 62px !important;
display: block !important;
margin: 0 auto !important;
}

/* Certificación y contador */
.conrado-sidebar-clean .conrado-sidebar-cert,
.conrado-sidebar-clean .conrado-sidebar-counter {
text-align: center !important;
background: #f9fafb !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
padding: 12px !important;
box-sizing: border-box !important;
}

.conrado-sidebar-clean .conrado-sidebar-note {
margin: 8px 0 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #6b7280 !important;
background: transparent !important;
}
  /* =========================================================
BLINDAJE DEFINITIVO DEL BLOQUE PERSONALIZADO CONRADO
Solo la cabecera queda azul; todo el cuerpo queda blanco.
Pegar al FINAL de custom.css
========================================================= */

#conrado-sidebox,
#conrado-sidebox * {
box-sizing: border-box !important;
}

/* El bloque completo debe ser blanco */
#conrado-sidebox {
width: 100% !important;
background: #ffffff !important;
color: #374151 !important;
font-family: Arial, Helvetica, sans-serif !important;
border-radius: 12px !important;
overflow: hidden !important;
}

/* Si OJS envuelve el bloque personalizado en .pkp_block */
@supports selector(:has(*)) {
.pkp_structure_sidebar .pkp_block:has(#conrado-sidebox) {
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;
padding: 0 !important;
margin-bottom: 22px !important;
}

```
.pkp_structure_sidebar .pkp_block:has(#conrado-sidebox) .content {
    background: #ffffff !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block:has(#conrado-sidebox) > .title,
.pkp_structure_sidebar .pkp_block:has(#conrado-sidebox) > h2,
.pkp_structure_sidebar .pkp_block:has(#conrado-sidebox) > h3 {
    display: none !important;
}
```

}

/* Solo la cabecera será azul */
#conrado-sidebox .conrado-sidebox-header {
background: linear-gradient(135deg, #003f73, #0066b3) !important;
padding: 18px 16px !important;
text-align: center !important;
color: #ffffff !important;
}

/* Título y subtítulo blancos */
#conrado-sidebox .conrado-sidebox-title {
margin: 0 !important;
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: bold !important;
color: #ffffff !important;
background: transparent !important;
}

#conrado-sidebox .conrado-sidebox-subtitle {
margin: 5px 0 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #e5e7eb !important;
background: transparent !important;
}

/* Todas las secciones internas serán blancas */
#conrado-sidebox .conrado-sidebox-section {
background: #ffffff !important;
padding: 16px 15px !important;
border-bottom: 1px solid #e5e7eb !important;
}

#conrado-sidebox .conrado-sidebox-section:last-child {
border-bottom: none !important;
}

/* Títulos internos: fondo blanco, texto azul */
#conrado-sidebox .conrado-sidebox-section-title {
background: #ffffff !important;
color: #003f73 !important;
margin: 0 0 12px !important;
padding: 0 0 8px !important;
border-bottom: 2px solid #003f73 !important;
font-size: 15px !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
line-height: 1.35 !important;
}

/* Enlaces de instructivos */
#conrado-sidebox .conrado-sidebox-link {
display: block !important;
margin: 0 0 10px !important;
padding: 11px 12px !important;
background: #f3f7fb !important;
border-left: 5px solid #003f73 !important;
border-radius: 6px !important;
color: #003f73 !important;
font-size: 14px !important;
line-height: 1.35 !important;
font-weight: bold !important;
text-decoration: none !important;
}

#conrado-sidebox .conrado-sidebox-link:hover,
#conrado-sidebox .conrado-sidebox-link:focus {
background: #003f73 !important;
color: #ffffff !important;
border-left-color: #0066b3 !important;
text-decoration: none !important;
}

/* Tarjetas de logos */
#conrado-sidebox .conrado-sidebox-card {
display: block !important;
margin: 0 0 10px !important;
padding: 10px !important;
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
text-align: center !important;
text-decoration: none !important;
}

#conrado-sidebox .conrado-sidebox-card:hover {
background: #f9fafb !important;
border-color: #0066b3 !important;
text-decoration: none !important;
}

#conrado-sidebox .conrado-sidebox-card img,
#conrado-sidebox .conrado-sidebox-cert img,
#conrado-sidebox .conrado-sidebox-counter img {
max-width: 100% !important;
height: auto !important;
max-height: 62px !important;
display: block !important;
margin: 0 auto !important;
}

/* Certificación y contador */
#conrado-sidebox .conrado-sidebox-cert,
#conrado-sidebox .conrado-sidebox-counter {
background: #f9fafb !important;
border: 1px solid #e5e7eb !important;
border-radius: 8px !important;
padding: 12px !important;
text-align: center !important;
}

#conrado-sidebox .conrado-sidebox-note {
background: transparent !important;
margin: 8px 0 0 !important;
font-size: 12px !important;
line-height: 1.4 !important;
color: #6b7280 !important;
}

  /* =========================================================
RESTAURAR DISEÑO DE BLOQUES NATIVOS OJS
Idioma / Palabras clave / Desarrollado por / Información / etc.
No afecta al bloque personalizado #conrado-sidebox
Pegar al FINAL de custom.css
========================================================= */

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

/* Bloques nativos del panel lateral */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)),
.pkp_block.block_language,
.pkp_block.block_keywords,
.pkp_block.block_information,
.pkp_block.block_make_submission,
.pkp_block.block_developed_by,
.pkp_block.block_browse {
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 bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .title,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) h2,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) h3 {
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;
border-radius: 0 !important;
}

/* Contenido interno de bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .content {
padding: 15px !important;
background: #ffffff !important;
color: #374151 !important;
font-size: 14px !important;
line-height: 1.45 !important;
box-sizing: border-box !important;
}

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

/* Enlaces generales de bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) a {
color: #003f73 !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) a:hover,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) a:focus {
color: #0066b3 !important;
text-decoration: underline !important;
}

/* Listas de bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) ul li {
margin: 0 0 8px !important;
padding: 0 !important;
}

/* Enlaces tipo botón en listas de bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) 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:not(:has(#conrado-sidebox)) ul li a:hover,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) ul li a:focus {
background: #003f73 !important;
color: #ffffff !important;
border-left-color: #0066b3 !important;
text-decoration: none !important;
}

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

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

/* Bloque 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 Desarrollado por */
.pkp_block.block_developed_by {
text-align: center !important;
}

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

/* Bloque Enviar artículo / Make 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;
}

/* Formularios dentro de bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) select,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) input[type="text"],
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) 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:not(:has(#conrado-sidebox)) button,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) input[type="submit"],
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .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:not(:has(#conrado-sidebox)) button:hover,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) input[type="submit"]:hover,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .button:hover {
background: #0066b3 !important;
color: #ffffff !important;
}

/* Imágenes en bloques nativos */
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) 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:not(:has(#conrado-sidebox)) {
    margin-bottom: 18px !important;
    border-radius: 10px !important;
}

.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .title,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) h2,
.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) h3 {
    font-size: 14px !important;
    padding: 12px 14px !important;
}

.pkp_structure_sidebar .pkp_block:not(:has(#conrado-sidebox)) .content {
    padding: 14px !important;
}
```

}
/* =========================================================
AJUSTE TAMAÑO FLAG COUNTER - CONRADO POR EL MUNDO
Pegar al final de custom.css
========================================================= */

#conrado-sidebox .conrado-sidebox-counter img {
width: 100% !important;
max-width: 260px !important;
height: auto !important;
max-height: none !important;
display: block !important;
margin: 0 auto !important;
}