/*
 * ═══════════════════════════════════════════════════════════════════════
 * REVISTA JURÍDICA - FACULTAD DE DERECHO Y CIENCIAS SOCIALES (UNT)
 * ═══════════════════════════════════════════════════════════════════════
 * Versión: DEFINITIVA 2.0
 * Cambios:
 * 1. Títulos de artículos: BORDÓ (#9B1B30)
 * 2. Hover de títulos: BORDÓ EXACTO (#9B1B30) - No cambia de color
 * 3. Secciones: NEGRO y MAYÚSCULAS
 * 4. Botones PDF: Texto BLANCO
 * 5. Sin barra vertical en artículos
 * ═══════════════════════════════════════════════════════════════════════
 */

:root {
    --bordo-unt: #9B1B30;      /* Color principal */
    --bordo-oscuro: #7A1525;   /* Solo para botones */
    --texto-negro: #000000;
    --linea-sutil: #E0E0E0;
}

/* ═══════════════════════════════════════════════════════════════════════
   1. TÍTULOS DE ARTÍCULOS (SOLICITUD PRINCIPAL)
   ═══════════════════════════════════════════════════════════════════════ */

/* Título en estado normal */
.obj_article_summary .title a {
    color: #9B1B30 !important;       /* Bordó UNT */
    font-weight: 700 !important;
    font-size: 1.2em;
    text-decoration: none !important;
    transition: none !important;     /* Elimina efectos de transición de color */
}

/* Título al pasar el mouse (Hover) - IGUAL COLOR */
.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus,
.obj_article_summary .title a:active {
    color: #9B1B30 !important;       /* Se mantiene Bordó idéntico */
    text-decoration: underline !important; /* Solo subraya para indicar click */
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   2. SECCIONES (NEGRO Y MAYÚSCULAS)
   ═══════════════════════════════════════════════════════════════════════ */
.section,
.section h2,
.section h3,
.section h4,
.section-title,
.obj_issue_toc .section,
h4.pkp_structure_head_title {
    color: #000000 !important;       /* Negro Puro */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    margin-top: 2.5rem;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}

/* Asegurar que los enlaces dentro de secciones no cambien a azul */
.obj_issue_toc .section h3 a,
.section a {
    color: #000000 !important;
    text-decoration: none;
}

/* ═══════════════════════════════════════════════════════════════════════
   3. ARTÍCULOS - LIMPIEZA VISUAL
   ═══════════════════════════════════════════════════════════════════════ */
.obj_article_summary {
    border-left: none !important;    /* SIN BARRA VERTICAL */
    padding-left: 0 !important;
    margin-bottom: 2rem;
    background: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--linea-sutil);
}

.obj_article_summary:hover {
    background: transparent !important;
    border-left: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   4. BOTONES PDF (TEXTO BLANCO)
   ═══════════════════════════════════════════════════════════════════════ */
a.obj_galley_link,
a.obj_galley_link:visited,
a.galley-link {
    background: #9B1B30 !important;  /* Fondo Bordó */
    color: #FFFFFF !important;       /* TEXTO BLANCO */
    border: none !important;
    padding: 6px 15px;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    text-decoration: none !important;
}

a.obj_galley_link:hover,
a.galley-link:hover {
    background: #7A1525 !important;  /* Oscurece un poco solo el fondo */
    color: #FFFFFF !important;       /* Texto se mantiene blanco */
}
/*
 * ═══════════════════════════════════════════════════════════════════════
 * REVISTA JURÍDICA - FACULTAD DE DERECHO Y CIENCIAS SOCIALES (UNT)
 * ═══════════════════════════════════════════════════════════════════════
 * Versión: 4.0 (Corrección de Submenús)
 * * Historial de Cambios:
 * 1. Títulos Artículos: BORDÓ (#9B1B30)
 * 2. Secciones: NEGRO y MAYÚSCULAS
 * 3. Botones PDF: Texto BLANCO
 * 4. Submenús: TEXTO BORDÓ (Eliminado el azul)
 * 5. "Sobre la revista": OCULTO
 * ═══════════════════════════════════════════════════════════════════════
 */

:root {
    --bordo-unt: #9B1B30;      
    --bordo-oscuro: #7A1525;   
    --texto-negro: #000000;
    --linea-sutil: #E0E0E0;
}

/* ═══════════════════════════════════════════════════════════════════════
   1. TÍTULOS DE ARTÍCULOS
   ═══════════════════════════════════════════════════════════════════════ */
.obj_article_summary .title a {
    color: #9B1B30 !important;       
    font-weight: 700 !important;
    font-size: 1.2em;
    text-decoration: none !important;
    transition: none !important;     
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
    color: #9B1B30 !important;       
    text-decoration: underline !important; 
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   2. SECCIONES (NEGRO Y MAYÚSCULAS)
   ═══════════════════════════════════════════════════════════════════════ */
.section,
.section h2,
.section h3,
.section h4,
.section-title,
.obj_issue_toc .section,
h4.pkp_structure_head_title {
    color: #000000 !important;       
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    margin-top: 2.5rem;
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
}

.obj_issue_toc .section h3 a,
.section a {
    color: #000000 !important;
    text-decoration: none;
}

/* ═══════════════════════════════════════════════════════════════════════
   3. ARTÍCULOS - LIMPIEZA
   ═══════════════════════════════════════════════════════════════════════ */
.obj_article_summary {
    border-left: none !important;    
    padding-left: 0 !important;
    margin-bottom: 2rem;
    background: #FFFFFF;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--linea-sutil);
}

.obj_article_summary:hover {
    background: transparent !important;
    border-left: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   4. BOTONES PDF (TEXTO BLANCO)
   ═══════════════════════════════════════════════════════════════════════ */
a.obj_galley_link,
a.obj_galley_link:visited,
a.galley-link {
    background: #9B1B30 !important;  
    color: #FFFFFF !important;       
    border: none !important;
    padding: 6px 15px;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    text-decoration: none !important;
}

a.obj_galley_link:hover,
a.galley-link:hover {
    background: #7A1525 !important;  
    color: #FFFFFF !important;       
}


/* Botones con fondo Bordó y Texto Blanco */
a.obj_galley_link,
a.obj_galley_link:visited,
a.galley-link,
.pkp_search button[type="submit"], /* <<< BOTÓN BUSCAR CORREGIDO */
.pkp_form button.submit { 
    background-color: #9B1B30 !important;  
    color: #FFFFFF !important;       
    border: none !important;
    padding: 6px 15px;
    border-radius: 2px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    text-decoration: none !important;
}

/* Hover de Botones */
a.obj_galley_link:hover,
a.galley-link:hover,
.pkp_search button[type="submit"]:hover, /* <<< HOVER BUSCAR CORREGIDO */
.pkp_form button.submit:hover { 
    background-color: #7A1525 !important;  
    color: #FFFFFF !important;       
}

/* BORDES DE FORMULARIOS (Líneas verticales y foco) */
input[type="text"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
.pkp_form .pkp_field input:focus,
.pkp_form .pkp_field select:focus,
.pkp_form .pkp_field textarea:focus,
.form-control:focus {
    border-color: var(--bordo-unt) !important; /* Borde del campo en foco */
    box-shadow: 0 0 5px rgba(155, 27, 48, 0.5) !important; /* Sombra Bordó */
}




/* ═══════════════════════════════════════════════════════════════════════
   5. CABECERA Y NAVEGACIÓN (CORREGIDO)
   ═══════════════════════════════════════════════════════════════════════ */
.pkp_structure_head .pkp_head_wrapper {
    background: #FFFFFF !important;
    border-bottom: 5px solid #9B1B30;
}

.pkp_site_name a { color: #9B1B30 !important; }

/* --- MENÚ PRINCIPAL Y SUBMENÚS --- */

/* 1. Nivel superior (Inicio, Acerca de, etc.) */
.pkp_navigation_primary > li > a {
    color: #333333 !important; /* Color oscuro estándar */
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a {
    color: #9B1B30 !important; /* Bordó al pasar mouse */
}

/* 2. SUBMENÚS (Dropdowns) - Aquí estaba el azul */
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary ul ul a {
    color: #9B1B30 !important;       /* TEXTO BORDÓ SIEMPRE */
    background-color: #FFFFFF !important;
    text-transform: none !important;
    font-weight: 500;
}

/* Submenús Hover (Pasar el mouse) */
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary ul ul a:hover {
    color: #7A1525 !important;       /* Bordó un poco más oscuro */
    background-color: #F5F5F5 !important;
    text-decoration: none !important;
}

.pkp_navigation_primary ul ul {
    border-left: 3px solid #9B1B30 !important;  /* BORDE BORDÓ OBLIGATORIO */
    border-top: 1px solid #9B1B30 !important;   /* Borde superior fino bordó */
    border-right: 1px solid #E0E0E0 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    background-color: #FFFFFF !important;
    border-radius: 0 !important;                /* Esquinas rectas */
}

/* Línea indicadora */
.pkp_navigation_primary a::after { background: #9B1B30 !important; }

/* Footer */
.pkp_structure_footer {
    background: linear-gradient(to right, #7A1525, #9B1B30) !important;
    border-top: 3px solid #500;
    color: white !important;
}
.pkp_structure_footer a { color: #eee !important; }
.pkp_structure_footer h2, .pkp_structure_footer h3 { color: #fff !important; }

/* Enlaces generales del sitio */
a { color: #9B1B30; }
a:hover { color: #7A1525; }

/* Corrección específica para títulos que pudieran heredarse mal */
h1, h2, h3 { font-family: 'Noto Serif', serif; }


/* OCULTAR "Sobre la revista" en la página principal */
.additional_content,
.homepage_about,
.page_index_journal .additional_content,
.page_index_journal .about_section,
.about_section {
    display: none !important;
}


/* CORRECCIÓN FINAL – Línea vertical del submenú en bordó */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul ul {
    border-left: 3px solid #9B1B30 !important;
}


/* Quitar línea azul del submenú OJS 3.3 */
.pkp_navigation_primary .dropdown-menu li a:before,
.pkp_navigation_primary ul ul li a:before {
    background: #9B1B30 !important;   /* Bordó */
}


/* Fuerza el bordó para la línea vertical del submenú */
.pkp_navigation_primary .dropdown-menu > li > a,
.pkp_navigation_primary ul ul > li > a {
    border-left: 3px solid #9B1B30 !important;
}


/* Footer estilo Facultad de Derecho UNT */
.pkp_structure_footer {
    background: #111 !important;  /* Banda inferior NEGRA */
    border-top: none !important;
    padding: 0;
    color: #DDDDDD !important;
    font-size: 0.9rem;
}

/* Banda superior gris */
.pkp_structure_footer .pkp_footer_content {
    background: #222 !important;  /* GRIS OSCURO */
    padding: 30px 20px;
}

/* Banda inferior negra (copyright) */
.pkp_structure_footer .site-footer {
    background: #000 !important;
    padding: 12px 20px;
    text-align: center;
    font-size: 0.85rem;
}

/* Columnas más limpias y legibles */
.pkp_structure_footer h2,
.pkp_structure_footer h3 {
    color: #FFFFFF !important;
    font-size: 1.1rem;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.pkp_structure_footer ul,
.pkp_structure_footer li {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.pkp_structure_footer a {
    color: #CCCCCC !important;
    text-decoration: none !important;
}

.pkp_structure_footer a:hover {
    color: #FFFFFF !important;
}



/* Separadores entre columnas */
.pkp_structure_footer .pkp_footer_content > div {
    border-right: 1px solid #333;
    padding-right: 25px;
    margin-right: 25px;
}

.pkp_structure_footer .pkp_footer_content > div:last-child {
    border-right: none;
}



/* Eliminar degradado bordó que ya trae tu CSS anterior */
.pkp_structure_footer {
    background-image: none !important;
}

/* Resaltar imágenes de logos/indexación con fondo blanco */
.pkp_structure_footer .pkp_footer_content img {
    background-color: #FFFFFF !important; /* Fondo blanco */
    padding: 8px !important;              /* Espaciado interno para que resalte */
    border: 1px solid #444 !important;    /* Borde sutil sobre el fondo oscuro */
    margin-top: 5px !important;           /* Separación vertical */
    max-width: 100px !important;          /* Limitar tamaño para que se vean como logos */
    height: auto !important;
    display: block !important;
    border-radius: 3px;
}

.pkp_structure_footer .pkp_footer_content img {
    background-color: #FFFFFF !important;
    padding: 8px !important;
    border: 1px solid #444 !important;
    margin-top: 5px !important;           
    max-width: 130px !important;          /* <<--- AUMENTADO EL TAMAÑO AQUÍ */
    height: auto !important;
    display: block !important;
    border-radius: 3px;
}
