/* CSS Revista ICADE */
html, body {
    background: #f6f5ee;
}
a, page_index_journal a, .pkp_block a, .pkp_page_index .current_issue .read_more, .pkp_navigation_primary ul a, .obj_article_summary>.title a {
   color: #A4123F;
   /*font-family: Futura,Trebuchet MS,Arial,sans-serif;*/ 
      overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; 
}
a:hover, a:active, a:visited, a:focus, page_index_journal a:hover, .pkp_block a:hover, .pkp_page_index .current_issue .read_more:hover, .pkp_page_index .current_issue .read_more:focus {color: #A4123F;
   /*font-family: Futura,Trebuchet MS,Arial,sans-serif;*/ 
}

.obj_article_summary>.title a:hover,  .pkp_navigation_primary .dropdown-menu a:hover, .dropdown-menu a:hover, .pkp_navigation_user ul a:hover{
color: #A4123F;
border-color: #A4123F;

}
.pkp_site_name a {
color: #A4123F;
}
.pkp_site_name .is_text {
color:#000;
}

.cmp_button_wire, .obj_galley_link { 
   border: 1px solid #A4123F !important;
   color: #A4123F !important;
   background: #ffffff;
}
.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    background-color: #F7BC4A !important;
}
/**h1 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } h3 { font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } blockquote { font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Futura, "Trebuchet MS", Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; };**/

.pkp_navigation_user_wrapper {
background: #A4123F;
}
/*.pkp_navigation_primary>li>a{
color: #A4123F;
} */
@media (min-width: 992px){
.pkp_head_wrapper .pkp_search .search_controls {
    display: inline-block;
    background: rgba(252, 252, 252, 0.88);
}
}

.pkp_navigation_primary{
    /*background-color: #ffffff8f;*/
    padding: 0 5px 0px 5px;
}
.pkp_navigation_primary pkp_nav_list ul li a, .pkp_navigation_primary>li>a {
color: #A4123F;
border-botom: 1px solid #A4123F;
}
.pkp_navigation_primary pkp_nav_list li ul a:hover, .pkp_navigation_primary>li>a:hover {
color: #A4123F;
border-botom: 1px solid #A4123F;
}
.pkp_navigation_primary pkp_nav_list li ul a:focus, .pkp_navigation_primary>li>a:focus, .pkp_navigation_primary>li>a:active {
border-color: #A4123F;
border-botom: 1px solid #A4123F;
color: #A4123F;
}
.cmp_notification{
    border-left: 5px solid #A4123F;
}
.pkp_structure_head {
/*background:url(https://revistas.comillas.edu/public/site/images/admin/icaglobo.png) no-repeat right !important;*/
background-color:light-grey;
box-shadow: 10px 5px 30px -19px #333;
}
.pkp_head_wrapper{
background:url(https://revistas.comillas.edu/public/site/images/admin/icaglobo.png) no-repeat right !important;
background-size: auto;
/*background-position: 65% 35px;*/
/*height: 199px; */
/*margin-top: 30px;*/
}
@media (max-width: 991px){
.pkp_head_wrapper{
background:url(https://revistas.comillas.edu/public/site/images/admin/icaglobo.png) no-repeat right !important;
background-size: auto;
background-position: 65% 35px;
/*height: 199px;*/
margin-top: 30px;*/
}
.pkp_navigation_user_wrapper {
background: #A4123F !important;
}
}
.pkp_navigation_primary_row{
  margin-top: 20px;
}
.pkp_head_wrapper .pkp_search button {
color: #A4123F;
}
@media (min-width: 1200px){
.has_site_logo .pkp_head_wrapper{
    padding-top: 30px;
    width: 100% !important;
    /*padding-left: 12% !important;*/
}}
@media (min-width: 992px){
.has_site_logo .pkp_head_wrapper{
    padding-top: 30px;
    width: 100% !important;
    /*padding-left: 12% !important;*/
}}
@media (min-width: 768px){
.has_site_logo .pkp_head_wrapper{
    width: 100%;
 /*   padding-left: 12%;*/
}}
.pkp_site_name .is_img img{
    display: block;
    /*max-height: 80px;
    max-width: 100%;*/
    width: auto;
    height: auto;
    /*background-color: rgb(255,255,255, 0.8);
    border: 3px solid rgb(255,255,255, 0.3);*/
    text-align:left !important!
}
@media (max-width: 992px){
.pkp_site_name {
  /*background-color: rgb(255,255,255, 0.8);
    border: 3px solid rgb(255,255,255, 0.3);*/
}
.pkp_site_name a{
padding: 0px;
}
}
/*Cabecera de imagen*/
.pkp_site_name .is_img img{
/*max-height: 180px;*/
}
.pkp_site_name>a {
padding-top: 0px;
    padding-bottom: 0px;
}

.hola {
color: red;
}
/*botÃ³n enviar artÃ­culo*/
.submit button, .block_make_submission a, block_make_submission_link{
border-radius: 4px;
/*   background: linear-gradient(to right, #67b26b, #4ca2cb) !important;*/
   border: 4px solid #A4123F !important;
   /*color: #A4123F;*/
   text-align: center;
   text-transform: uppercase;
   padding: 5px;
   width: 200px;
   transition: all 0.4s;
   cursor: pointer;
   margin: 5px;
   box-shadow:none;
   transition: all 0.3s ease 0s;
} 
.submit button:hover, .block_make_submission a:hover, block_make_submission_link:hover{
color: #A4123F;
font-weight: 700 !important;
letter-spacing: 1px;
background: #eee;
-webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.57);
transition: all 0.3s ease 0s;
}
/*fin botÃ³n enviar artÃ­culo*/
/* bÃºsqueda*/
@media (min-width: 992px){
.pkp_head_wrapper .pkp_search.is_open {
    min-width: 100%;
    background: #fff;
    border-top: 1px solid #F7BC4A;
    border-left: 3px solid #A4123F;
}}
@media (min-width: 992px){
.pkp_head_wrapper .pkp_search.is_open .search_prompt {

    color: #A4123F;
}}
.pkp_head_wrapper .pkp_search .search_prompt{
    color: #000;
}
/*
@media (min-width: 768px){
.pkp_head_wrapper .pkp_search button{

}}
@media (min-width: 768px){
.pkp_head_wrapper .pkp_search button{

}}

input[type=text] {
  width: 80%;
  border: 3px solid #699232;
border-right: none;
  padding: 5px;
  height: 23px;
 /* border-radius:2px;*/
/*  border-radius: 3px 0 0 3px;
  outline: none;
  color: #aaa;
}
.pkp_search button[type=submit] {
  width: 50px;
  height: 23px;
  border: 3px solid #699232;
  background: #699232;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 10px;
  transform: translate(0, 0);
  content: "\f002";
  position: absolute;
}    */
.page_search .submit button{
color: #A4123F;
}
.page_search .submit button:after, .page_search .submit button:hover:after{
background: #A4123F;
}

/*PÃ¡gina de nÃºmeros anteriores en 3 columnas*/
@media (min-width: 480px){
.page_issue_archive .issues_archive {
    margin-left: -20px;
    margin-right: -20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}}
@media (min-width: 992px){
.page_issue_archive .issues_archive, .page_issue_archive .issues_archive ul li{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}}
.obj_issue_summary .cover{
display:none;
}
@media (min-width: 992px)  {
.pkp_navigation_user_wrapper {
 width:100% !important;
 top:0;
}}


@media (min-width: 992px) {
#navigationPrimary a:hover, #navigationPrimary a:focus {
color: #A4123F;
#navigationPrimary a:hover, #navigationPrimary a:active 
    /* Propiedades para el estado hover y active */
    color: #A4123F; /* Cambia el color: #A4123F; /* Cambia el color de fondo */

}}
@media (min-width: 992px){
.pkp_navigation_primary>li>a:focus #navigationPrimary a:hover,{
    background: rgba(0,0,0,0.84)!important;
    color: #A4123F;
    outline: 0 !important;
#navigationPrimary>li>a:hover, #navigationPrimary>li>a:focus {
    border-color: #A4123F; 
}
}}
.pkp_structure_content has_sidebar, .pkp_structure_main{
background: #ffffff !important;
}

/*BotÃ³n Home revistas Comillas*/
.pkp_navigation_user_wrapper {
     background: #A4123F !important;
    /*z-index: 1*/
    }
.pkp_navigation_user {
z-index:2 !important;
position: relative;
}
@media (min-width: 992px){
.pkp_navigation_user>li:first-child {
    float:left;
}}
@media (min-width: 992px){.pkp_navigation_user>li {
      float: right;
}}

@media (min-width: 992px){
.pkp_navigation_user>li>a {
    color: #ffffff !important;
}}
@media (min-width: 992px){
.pkp_navigation_user>li:first-child>a {
    text-align: left;
    float: left;
    background-image: url(https://revistas.comillas.edu/public/site/images/admin/logo-home-revistas-blanco.png);
    /* background-position: center; */
    background-repeat: no-repeat;
    padding: 4px 20px 0px 30px;
    color: #A4123F;
    /*text-decoration:none;*/
}}
/*@media (min-width: 992px){
.home-revistas {
    text-align: left;
    float: left;
    font-size: 14px;
    background-image: url(https://revistas.comillas.edu/public/site/images/admin/logo-home-revistas-blanco.png);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px 20px 0px 30px;
    color: #fff;
    position: relative;
    left: 167px;
    z-index: 99;
}}
.home-revistas {
    text-align: left;
    float: left;
    font-size: 14px;
    background-image: url(https://revistas.comillas.edu/public/site/images/admin/logo-home-revistas-blanco.png);
    /* background-position: center; */
    /*background-repeat: no-repeat;
    padding: 4px 20px 0px 30px;
    color: #fff;
    text-decoration:none;
    z-index: 99;
} */

/*.home-revistas a, .home-revistas a:hover, .home-revistas a:visited{
    text-decoration:none !important;
    color: #A4123F;
    cursor: pointer;
}  */


/*Espacio entre secciones de un nÃºmero*/
@media (min-width: 992px){
.cmp_article_list, .obj_issue_toc .articles {
    margin: 30px 0-30px 0 !important;
}
}
.obj_galley_link.restricted:before {
color: #A4123F !important;
}

.pkp_site_name_wrapper {
background-color: transparent !important;
}

/*FOOTER*/
/*Ocultar lo de OJS PKP, despuÃ©s mejor eliminar en plantilla php*/
.pkp_brand_footer {
visibility: hidden !important;
display: none !important;
}

/*Ajustes nuevos*/
.pkp_site_name {
    text-align: left !important;
}
.pkp_structure_main {
    background: #ffffff !important;
}

.obj_article_details .orcid a, .obj_article_details .doi a{
 color: #A4123F;
}
@media (min-width: 992px) and (min-width: 992px){
.pkp_navigation_primary {
    max-width: 90% !important;
    }
}                
@media screen and (max-width: 768px) {
    .pkp_navigation_user_wrapper{
    background: #A4123F !important;
    }
    .pkp_navigation_user_wrapper a{
        overflow: auto;
        z-index:2;
        color: #ffffff;
    }
    .pkp_navigation_search_wrapper a {color:#A4123F !important;}
}
.pkp_structure_sidebar.left {
    background-color: #ffffff !important;
}
.pkp_page_index .current_issue .read_more{ 
margin-top:3em;
}

/* --- ARREGLOS EXCLUSIVOS PARA ESCRITORIO (HOME) --- */
@media (min-width: 992px) {
    
    /* 1. Centrar Cabecera y Contenedor Principal en la Home */
    .pkp_context_site .pkp_head_wrapper, 
    .pkp_context_site .pkp_navigation_user_wrapper, 
    .pkp_context_site .pkp_navigation_primary_wrapper,
    .pkp_context_site .pkp_structure_main {
        max-width: 1160px;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100%;
    }

    /* 2. Rediseño de la lista de revistas para que las portadas luzcan */
    .pkp_context_site .obj_journal_summary {
        display: flex; /* Alineación moderna de imagen y texto */
        align-items: flex-start;
        gap: 40px; /* Espacio entre imagen y descripción */
        margin-bottom: 60px;
        padding-bottom: 30px;
        border-bottom: 1px solid #eeeeee;
    }

    /* Tamaño de la miniatura de portada */
    .pkp_context_site .obj_journal_summary .thumb {
        flex: 0 0 220px; /* Ancho fijo de 220px para la portada */
        margin: 0;
    }

    .pkp_context_site .obj_journal_summary .thumb img {
        width: 100%;
        height: auto;
        border-radius: 2px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.12); /* Efecto de profundidad */
        transition: transform 0.3s ease;
    }

    .pkp_context_site .obj_journal_summary .thumb img:hover {
        transform: translateY(-5px); /* Pequeña elevación al pasar el ratón */
    }

    /* Ajuste del bloque de texto */
    .pkp_context_site .obj_journal_summary .body {
        flex: 1; /* El texto ocupa el resto del espacio */
    }

    .pkp_context_site .obj_journal_summary .title a {
        font-size: 1.6rem;
        font-weight: bold;
        text-decoration: none;
        color: #003366; /* Azul académico */
    }

    /* Botones de "Ver revista" y "Número actual" */
    .pkp_context_site .obj_journal_summary .links {
        margin-top: 20px;
    }
}
/* ========================================================================
   LAYOUT BOXED PARA OJS 3.5 - JOURNALS INDIVIDUALES
   Objetivo: Centrar cabecera y contenido en 1160px con alineación perfecta
   ======================================================================== */

/* --- RESET Y LIMPIEZA DE REDUNDANCIAS --- */
@media (min-width: 992px) {
    
    /* Eliminar reglas conflictivas del CSS anterior */
    .has_site_logo .pkp_head_wrapper {
        padding-left: 0 !important;
    }
    
    .pkp_navigation_primary {
        max-width: 100% !important;
    }
}

/* --- LAYOUT BOXED PRINCIPAL (Solo journals, NO portal) --- */
@media (min-width: 992px) {
    
    /* Aplicar SOLO a journals individuales (excluir home del portal) */
    body:not(.pkp_context_site) .pkp_head_wrapper,
    body:not(.pkp_context_site) .pkp_navigation_user_wrapper,
    body:not(.pkp_context_site) .pkp_navigation_primary_wrapper,
    body:not(.pkp_context_site) .pkp_structure_main,
    body:not(.pkp_context_site) .pkp_structure_footer {
        max-width: 1160px;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    
    /* Alineación específica para el wrapper de navegación primaria */
    body:not(.pkp_context_site) .pkp_navigation_primary_wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Asegurar que el menú primario NO se salga del contenedor */
    body:not(.pkp_context_site) .pkp_navigation_primary {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Alineación del logo con el primer ítem del menú */
    body:not(.pkp_context_site) .pkp_site_name {
        margin-left: 0;
        padding-left: 0;
    }
    
    /* Ajuste del buscador para que no rompa el layout */
    body:not(.pkp_context_site) .pkp_head_wrapper .pkp_search.is_open {
        max-width: 1160px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* --- MEJORAS PARA EL PORTAL (HOME) --- */
@media (min-width: 992px) {
    
    /* Layout boxed también para el portal, pero más generoso */
    .pkp_context_site .pkp_head_wrapper, 
    .pkp_context_site .pkp_navigation_user_wrapper, 
    .pkp_context_site .pkp_navigation_primary_wrapper,
    .pkp_context_site .pkp_structure_main {
        max-width: 1400px; /* Más ancho para dar protagonismo a las portadas */
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Grid para las revistas del portal - 2 columnas */
    .pkp_context_site .journals {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
        padding: 30px 0;
    }

    /* Rediseño de cada revista */
    .pkp_context_site .obj_journal_summary {
        display: flex;
        flex-direction: column;
        background: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        transition: all 0.3s ease;
        margin-bottom: 0; /* Reset del margin-bottom anterior */
        padding-bottom: 0;
        border-bottom: none;
    }

    .pkp_context_site .obj_journal_summary:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.15);
    }

    /* Portada de la revista - Aspecto destacado */
    .pkp_context_site .obj_journal_summary .thumb {
        flex: 0 0 auto;
        width: 100%;
        margin: 0;
        overflow: hidden;
        background: #f5f5f5;
    }

    .pkp_context_site .obj_journal_summary .thumb img {
        width: 100%;
        height: 320px; /* Altura fija para uniformidad */
        object-fit: cover;
        object-position: top center;
        transition: transform 0.4s ease;
    }

    .pkp_context_site .obj_journal_summary:hover .thumb img {
        transform: scale(1.05);
    }

    /* Contenido textual */
    .pkp_context_site .obj_journal_summary .body {
        padding: 25px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .pkp_context_site .obj_journal_summary .title {
        margin-bottom: 15px;
    }

    .pkp_context_site .obj_journal_summary .title a {
        font-size: 1.5rem;
        font-weight: 700;
        color: #A4123F;
        text-decoration: none;
        line-height: 1.3;
    }

    .pkp_context_site .obj_journal_summary .description {
        font-size: 0.95rem;
        line-height: 1.6;
        color: #555;
        margin-bottom: 20px;
        flex: 1;
    }

    /* Botones de acción */
    .pkp_context_site .obj_journal_summary .links {
        display: flex;
        gap: 12px;
        margin-top: auto;
    }

    .pkp_context_site .obj_journal_summary .links a {
        display: inline-block;
        padding: 10px 20px;
        border: 2px solid #A4123F;
        color: #A4123F;
        font-weight: 600;
        text-decoration: none;
        border-radius: 4px;
        transition: all 0.3s ease;
        text-align: center;
        flex: 1;
    }

    .pkp_context_site .obj_journal_summary .links a:hover {
        background: #A4123F;
        color: #fff;
    }
}

/* --- AJUSTES RESPONSIVOS PARA TABLETS --- */
@media (min-width: 768px) and (max-width: 991px) {
    
    /* Grid de 1 columna en tablets */
    .pkp_context_site .journals {
        grid-template-columns: 1fr;
    }
    
    /* Reducir altura de imagen */
    .pkp_context_site .obj_journal_summary .thumb img {
        height: 250px;
    }
}

/* --- LIMPIEZA FINAL --- */
@media (min-width: 992px) {
    
    /* Asegurar que el fondo del globo se mantenga visible */
    body:not(.pkp_context_site) .pkp_head_wrapper {
        background-position: calc(50% + 480px) 35px !important; /* Ajustar posición relativa al centro */
    }
    
    /* Prevenir overflow horizontal */
    body {
        overflow-x: hidden;
    }
}