body{
	font-size: 15px;
}
.pkp_structure_footer_wrapper {
    background: #f5f5f5;
}
.obj_article_summary>.title a{
	font-size: 15px;
}
.obj_article_summary .meta{
	font-size: 14px;
}
.pkp_structure_main{
	background: #FFF;
}
.pkp_block.block_information{
	background: #FFF;
    margin: 0 13px;
}
#customblock-link-convocatorias > .content {
    background: #00AEEF;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
.pkp_head_wrapper .pkp_search .search_prompt{
	color: #000;
}
.pkp_structure_content.has_sidebar{
	box-shadow: none;
	margin-bottom: 30px;
}
p{
	text-align: justify;
}
.pkp_structure_main:before,
.pkp_structure_main:after{
	background: transparent;
}
#customblock-logo{
    background: #FFF;
    margin-bottom: 15px;
    text-align: center;
}
.pkp_block.block_information .content li{
	border-bottom: 1px solid #87D8F7;
}
.pkp_block.block_information .content li a{
	color: #000;
}
.pkp_block.block_custom{
	padding: 15px 25px;
}
#pkp_content_main > .page_index_journal .current_issue h2{
	text-transform: uppercase;
}

#banner-publica h2 > span{
	font-weight: 400;
}
#banner-publica h2 > span{
	font-weight: 400;
}
.pkp_structure_sidebar .block_information a > span{
	font-weight: 800;
}
#banner-publica .seccion-banner{
    width: 100%;
    padding: 10px 5px 0px 0px;
}
#banner-publica .seccion-banner i{
	float: left;
	font-size: 20px;
	margin: 0px 10px 0px 0px;
	color: #87D8F7;
}
#banner-publica .seccion-banner h5{
    margin: 0px 0px 13px 25px;
    font-weight: 700;
    font-size: 22px;
    line-height: 19px;
}
#banner-publica .seccion-banner p{
    margin-top: 5px;
    text-align: justify;
	margin-left: 29px;
}
#redes-sociales a{
	font-size: 20px;
}

#navigationUser .profile a{
	border:1px solid #FFF ;
	border-radius: 13px;
	text-align: center;
	padding: 5px 10px;
}
#navigationUser .profile:first-child{
	margin-right: 10px;
}
.obj_issue_toc .galleys:before,
.obj_issue_toc .section:before{
	border-top: 1px solid #00AEEF;
}
.obj_article_summary .galleys_links{
	text-align: right;
}
.obj_article_summary{
	padding-bottom: 13px;
}
#customblock-videoTrabajos img{
	display: block;
}
#customblock-Buscador {
    background: #00AEEF;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
#customblock-Buscador a{
	width: 100%;
    color: #fff;
}
.pkp_block.block_custom {
    padding: 0;
    margin: 0;
}

.obj_issue_toc .sections:not(:first-child){
	margin-top: 10px;
}
.pkp_brand_footer {
	display: none;
}
.pkp_footer_content a{
 color: #3c3c3c;
 text-decoration: none ;
}
.pkp_navigation_primary_row .pkp_nav_list ul{
	background: #253E8E;
	border-radius: 0px;
	box-shadow: none;
}
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_primary .dropdown-menu a:hover{
	color: #253E8E;
}
.pkp_navigation_primary ul a{
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}
.current_issue h2{
	color: #253E8E;
	font-size: 24px;
	font-weight: 800;
}
#customblock-publica{
    background: #E4F7FE;
    padding: 5px 10px;
}
#customblock-publica h4 strong{
	font-size: 34px;
	margin-bottom: -10px;
	display: block;
}
#customblock-publica h4{
	color: #0552a3;
    font-weight: 400;
    font-size: 23px;
    border-bottom: 7px solid #FFF;
    padding-bottom: 20px;
    margin: 10px 0;
}
#customblock-publica p strong {
    display: inline-block;
    max-width: 200px;
    border: 1px solid;
    border-radius: 13px;
    padding: 5px 7px;
    line-height: 18px;
    font-weight: 900;
    font-size: 16px;
    margin-bottom: 7px;
}
#customblock-publica p{
    border-bottom: 7px solid #FFF;
    padding-bottom: 20px;
    margin: 10px 0;
}
#customblock-publica p:last-child{
	border-bottom: 0px;
	text-align: left;
}
.obj_issue_toc .galleys h2,
.obj_issue_toc .section h2 {
    display: inline-block;
    position: relative;
    left: -15px;
    margin-top: 0;
    padding: 0 15px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    color: rgba(0,0,0,1);
}
.obj_article_summary {
	border-bottom: 0px;
}
.obj_issue_toc .galleys_links{
    text-align: right;
}
.obj_issue_toc .galleys_links > li{
    list-style: none;
}
.cover > img{
	border: 2px solid rgba(0, 0, 0, 0.1);
}
.current_issue_title{
	font-size: 23px;
}
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus{
	border-color: transparent;
}
.pkp_nav_list ul a{
	padding-left: 0;
}
@media (min-width: 992px){

	/* Acerca toda la columna principal al borde izquierdo, al mismo nivel
	   que el logo y el menú (los tres a -50px del contenedor centrado). */
	.pkp_structure_content .pkp_structure_main{
		position: relative;
		left: -50px;
		padding-left: 0;
	}

	.obj_issue_toc .galleys, .obj_issue_toc .section{
    padding: 30px 30px 30px 0;
	}
	/* Sin el padding izquierdo de .pkp_structure_main ya no hay que
	   compensarlo con margen negativo. */
	.obj_issue_toc .galleys, .obj_issue_toc .section {
    margin: 0 15px 0 0;
	}
	.pkp_navigation_primary_row .pkp_search{
		display: none;
	}
	.pkp_structure_head .pkp_head_wrapper .pkp_site_name_wrapper{
	max-width: calc(100% - 370px);
	}
	.pkp_navigation_user_wrapper{
    top: 42px;
    max-width: 340px;
    left: auto;
	}
	.pkp_navigation_user{
    text-align: left;
    width: 400px;
    margin-left: 0;
	}
	#banner-publica .seccion-banner{
	width: 33.3%;
	display: inline-block;
    vertical-align: top;
    padding: 0px 20px 0px 0px;
	}
	#customblock-logo,
	#customblock-busqueda{
		margin-top: -41px;
	}
	#banner-publica{
	    margin-left: -30px;
	    margin-right: -30px;
	    padding: 20px 30px;
	    background: #E9F7FE;
	}
	#pkp_content_main .obj_issue_toc .cover{
		max-width: 40%;
		display: inline-block;
		vertical-align: middle;
	}
	#pkp_content_main .description{
		max-width: 49%;
		display: inline-block;
		vertical-align: middle;
		padding-left: 15px;
	}
	#pkp_content_main .page_issue_archive .description{
		padding-left: 0px;
	}
	.pkp_navigation_primary>li>a{
    min-width: 11em;
	color: #FFF;
	text-align: center;
	padding: 9px 20px;
	}
	.pkp_navigation_primary > li:first-child > a{
    min-width: auto;
	}
	.pkp_navigation_primary_row{
		background: #253E8E;
	}
	/* Menú alineado con el logo y el contenido, no centrado. */
	.pkp_navigation_primary{
		text-align: left;
		position: relative;
		left: -50px;
	}
	.pkp_navigation_primary > li:first-child > a{
		margin-left: 0;
		padding-left: 0;
	}
	.pkp_navigation_primary>li>a:hover,
	.pkp_navigation_primary>li>a:focus {
	    color: #FFF;
	    outline: 0;
	    border-color: #FFF;
	}
		.pkp_structure_content {
	    padding-top: 0px;
	}
	.pkp_structure_main{
	    padding-top: 30px;
	}
}

/* ==========================================================================
   Adaptaciones OJS 3.4
   El markup del tema Default cambió entre 3.1 y 3.4: aparecieron
   .pkp_site_nav_menu, .pkp_navigation_search_wrapper y los bloques
   block_web_feed / block_language, y el id de los bloques personalizados
   pasa a minúsculas. Lo de abajo cubre esas diferencias.
   ========================================================================== */

/* Botón "Buscador de artículos" inyectado por el tema */
#customblock-logo .cea_link_buscador,
#customblock-logo .content > a:first-child{
	height: 40px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #01B8FE;
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
}
#customblock-logo .cea_link_buscador i,
#customblock-logo .content > a:first-child i{
	margin-left: 4px;
}
#customblock-logo .cea_link_buscador:hover,
#customblock-logo .cea_link_buscador:focus,
#customblock-logo .content > a:first-child:hover,
#customblock-logo .content > a:first-child:focus{
	background-color: #00AEEF;
	color: #FFF;
}

/* Aviso de tildes y mayúsculas en la búsqueda avanzada */
.cea_search_hint{
	display: block;
	margin-top: 10px;
	color: #253E8E;
}

/* Logo del pie de página */
.pkp_footer_content img{
	max-width: 220px;
	height: auto;
}

/* Iconos de redes sociales.
   El markup está en el header del tema:
   plugins/themes/default/templates/frontend/components/header.tpl */
#redes-sociales{
	display: inline-block;
	margin: 0 12px 0 0;
	padding: 0;
	list-style: none;
	vertical-align: middle;
	order: -1;   /* van antes de los botones Registrarse / Entrar */
}
#redes-sociales li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
#redes-sociales a{
	display: block;
	padding: 0 6px;
	border: none;
	font-size: 20px;
	line-height: 1;
	color: #FFF;
}
#redes-sociales a:hover,
#redes-sociales a:focus{
	color: #87D8F7;
}
#redes-sociales .cea_icono_x svg{
	display: block;
	height: 18px;
	fill: currentColor;
}

/* Bloques que no existían en 3.1 */
.pkp_block.block_web_feed .content ul,
.pkp_block.block_language .content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}



/* ==========================================================================
   Cabecera en OJS 3.4

   El tema Default usa contenedores de ancho fijo (.pkp_head_wrapper llega a
   1160px y se centra con margin auto). De ahí vienen tres diferencias con la
   instalación 3.1:

   1. La franja azul del menú termina donde termina el contenedor.
      Se resuelve con un pseudo-elemento de 100vw detrás de la fila.
   2. .pkp_navigation_user_wrapper no trae ancho propio, así que al centrarlo
      con translateX(-50%) se encoge al tamaño del texto y queda al medio.
      Dándole width:100% ocupa el contenedor y text-align:right lo lleva
      al borde derecho.
   3. El logo mide 2832px de ancho: sin max-width desborda el contenedor.
   ========================================================================== */

@media (min-width: 992px){

	/* 1. Franja azul del menú a todo el ancho de la ventana.
	   Se usa un pseudo-elemento de 100vw en lugar de clip-path: clip-path
	   recortaba los submenús desplegables, que caen por debajo de la fila.
	   El wrapper lleva position:relative para pintarse sobre el fondo. */
	.pkp_navigation_primary_row{
		position: relative;
		background: transparent;
	}
	.pkp_navigation_primary_row::before{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 100vw;
		margin-left: -50vw;
		background: #253E8E;
	}
	.pkp_navigation_primary_wrapper{
		position: relative;
	}

	/* 2. Menú de usuario pegado al borde derecho del contenedor */
	/* Flex para que el menú de usuario y los iconos de redes queden en la
	   misma línea: ambos son <ul>, o sea bloques, y sin esto los iconos
	   caen debajo de los botones. */
	.pkp_navigation_user_wrapper{
		top: 30px;
		left: 50%;
		right: auto;
		width: 100%;
		max-width: none;
		padding-right: 160px;
		transform: translateX(-50%);
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text-align: right;
	}
	/* Sin margin-left:auto (que trae el tema): en flex separaría los iconos
	   de los botones. El alineado a la derecha lo hace justify-content. */
	.pkp_navigation_user{
		width: auto;
		margin-left: 0;
		margin-right: 0;
		text-align: right;
	}

	/* 3. Logo alineado a la izquierda y contenido dentro del contenedor */

	/* El alto de la cabecera se controla desde el contenedor, no desde el
	   enlace del logo, para que quede espacio libre donde sumar contenido
	   (el tema trae 2.143rem, unos 30px). */
	.has_site_logo .pkp_head_wrapper,
	.pkp_structure_head .pkp_head_wrapper{
		padding-top: 70px;
	}
	.pkp_structure_head .pkp_head_wrapper .pkp_site_name_wrapper{
		max-width: none;
	}
	.pkp_site_name{
		width: 100%;
		padding-left: 0;
		text-align: left;
	}
	/* El contenedor de la cabecera se centra en 1160px, así que el logo
	   arranca en ese borde. El margen negativo lo acerca al borde real de
	   la ventana; el padding vertical le da más aire a la cabecera. */
	.pkp_site_name > a,
	.pkp_site_name .is_img{
		display: inline-block;
		margin-left: -50px;
	}
	/* Solo el logo: se sube 20px sin tocar el alto de la cabecera ni la
	   posición del menú, porque con position:relative el hueco que ocupa
	   sigue siendo el mismo.

	   Va con selector a.is_img y no .pkp_site_name > a porque el tema trae
	   .pkp_site_name .is_img{padding:0} (0,2,0), que le gana en
	   especificidad a .pkp_site_name > a (0,1,1). Por eso cualquier
	   padding vertical puesto aquí no tenía efecto. */
	.pkp_site_name a.is_img{
		position: relative;
		top: -20px;
	}
	/* El logo es un banner de 2832x127 (relación 22:1). Se limita por ancho
	   para que el alto quede proporcionado: 700px -> unos 31px de alto. */
	.pkp_site_name .is_img img{
		max-width: 700px;
		width: 100%;
		height: auto;
	}
}