@charset "UTF-8";
/* CSS Document */
body {
    font-family: 'Fira Sans',sans-serif;
    background: rgba(214,230,215,1);
    background: -moz-linear-gradient(top, rgba(214,230,215,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,230,215,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(214,230,215,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(214,230,215,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(214,230,215,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(214,230,215,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e6d7', endColorstr='#ffffff', GradientType=0 );
}

/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 1500px auto;
}
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: both;
    float: none;
    display: flex;
    width: 230px;
    margin:0 auto;
    padding-bottom: .5rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logos-small .zone_logoUni-small{
    clear: none;
    float: left;
    display: block;
    margin:.3rem .5rem 0 0;
    padding: 0;
    width: 22%;
}
.logos-small .zone_logoUni-small img {
    width: 100%;
    max-height: 100%;
}
.logos-small .logorev_issn-small {
    clear: none;
    float: left;
    display: block;
    margin: 0;
    width: 70%;
}
.logorev_issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small{
clear: none;
display: block;
float: none;
width: auto;
height: auto;
padding: 0px;
margin: .5rem 0px 0px 0px;
}
.logo-rev-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small .navbar-brand {
  clear: none;
  display: block;
  float: none;
  width: 100%;
  min-width: 165px;
  height: auto;
  padding: 0px;
  margin: 0px;
}
.logos-small .logorev_issn-small .logo-rev-small img{
     max-height: 165px !important;
} 
.logos-small .logorev_issn-small .zone-issn-small{
    clear: both;
    float: left;
    display: block;
    margin: -1% 0 0 0;
    width: 100%;
    padding: 0 0% 0 0%;
}  
.logos-small .logorev_issn-small .zone-issn-small p{
    text-align: right;
    color:#FFF !important;
    margin-bottom: 0rem;
    font-size: .9rem;    
} 
.logos-small .logorev_issn-small .zone-issn-small a:link, .logos-small .logorev_issn-small .zone-issn-small a:visited {
    text-align: right;
    color:#FFF;
    font-size: .9rem; 
    text-decoration: none;
}
.logos-small .logorev_issn-small .zone-issn-small a:hover,
.logos-small .logorev_issn-small .zone-issn-small a:active {
    text-align: right;
    color:#5da8c1;
    font-size: .9rem; 
    text-decoration: underline;
}
.logos-small .zone_logo-small{
    clear: none;
    display: none;
    float: right;
    width: 12%;
    margin-right: 0;
    margin-top: 0px;
    visibility: hidden;
}
.logos-small .zone_logo-small .imagotipo{
    clear: both;
    display: none;
    margin: 0;
    width: auto;
}
.logos-small .zone_logo-small .imagotipo img {
  width: auto;
  max-height: 110px;
}
/*Estilo para mover a todo el ancho el menú superior*/
.navbar {
  padding: .5rem 0rem 0rem 0rem !important;
}
/*Estilos generales para los links*/
a {
    color:#0c730a;
}
a:hover,
a:focus {
    color:#333;
    text-decoration: none;
}
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  justify-content: space-around;
  position: relative;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/*Ventana modal, para ingresar al OJS*/
.modal-content {
  border-radius: 0;
  background: #333;
  color: #FFF !important;
}
.modal-content .form-control {
  background: transparent;
  border-color: #000; 
  color: #FFF;
}
.form-control:focus {
    border-color:#FFF !important;
    box-shadow:0 0 0 .2rem rgba(192,177,153,.4) !important;
}
.form-control {
  background: rgba(255,255,255,.4) !important;
  border-radius: 4px 4px 0 0 !important;
}

/*Menú hamburguesa*/
.navbar-light .navbar-toggler {
  background: rgba(255,255,255,0.6);
  margin: 2%;
}
.navbar-collapse {
    background: rgba(12,115,10,1);
    background: -moz-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,115,10,1)), color-stop(100%, rgba(76,149,76,1)));
    background: -webkit-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -o-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -ms-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: linear-gradient(to bottom, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c730a', endColorstr='#4c954c', GradientType=0 );
    margin-top: .5rem;
}
/*Para cambiar el color del link*/
#primaryNav .nav-link,
 #primaryNav .dropdown-item {
  line-height:1.5rem;
  text-transform:uppercase;
  vertical-align:middle;
  border:1px solid transparent;
 }
 #primaryNav .nav-link {
     padding:.7rem;
     color: #FFF !important;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
  background:transparent;
  color:#333 !important;
  border-color:transparent;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width: 320px;
    background: #000 !important;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: normal
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#0c730a !important;
     background-color:#FFF !important;
     border:0px transparent;
 }
/*Estilos para el menú del usuario*/
#primaryNav-userNav .nav-link, .language-toggle .dropdown-toggle {
  color: #FFF;
  border: 0px solid transparent;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: none;
}
#primaryNav-userNav .nav-link:hover, #primaryNav-userNav .nav-link:focus, .language-toggle .dropdown-toggle:focus, .language-toggle .dropdown-toggle:hover {
    font-size: 14px !important;
    color: #000 !important;
    outline:0;
    border-color:#FFF;
    border:none;
    background: rgba(214, 230, 215, 0.6) !important;
 }
/*Estilos para submenú de usuario e idioma*/
#primaryNav-userNav .dropdown-menu, .language-toggle .dropdown-menu {
  padding: 0em;
}
.dropdown-item:hover, .dropdown-item:focus {
  background: #FFF !important;
  border-color:#FFF !important;
  color: #0c730a !important;
}
#languageSmallNav {
  margin-bottom: 2em;
}
.dropdown-menu {
  background: #5da7c1 !important;
}
/*Estilos para submenú de usuario e idioma*/
#primaryNav-userNav .dropdown-menu, .language-toggle .dropdown-menu {
  padding: 0em;
}
/*Estilo para poner color al contenedor padre del contenedor de casi todo*/
.container-homepage-issue, .container.page-issue, .container.page-announcement, .container.page-privacy, .container.page-about, .container.page-submissions, .container.page-editorial-team, .container.page-contact, .container.page-archives, .container.page-article, .container.page-information, .container.page-search{
    margin-top: 0rem;
    border: 0;
    box-shadow: 0 0 4px #ccc;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    font-family: 'Fira Sans',sans-serif;
    padding-bottom: 2rem;
    font-size: 16px !important;
    word-wrap: break-word;
}
.container.page-issue .page-header, .container.page-announcement .page-header, .container.page-privacy .page-header, .container.page-about .page-header, .container.page-submissions .page-header, .container.page-editorial-team .page-header, .container.page-contact .page-header, .container .page-header, .container.page-search .page-header{
    margin-top: 0rem !important;
    padding-top: 3rem !important;
    margin-bottom: 0rem !important
}
.container.page-editorial-team h1, .container.page-about h1, .container.page-submissions h1, .container.page-contact h1, .container.page-privacy h1, .container.page-announcement h1, .container.page-archives h1, .container.page-search h1 {
    font-size: 1.3em !important;
    color: #0c730a;
    font-weight: 600;
    padding: .3em 0;
}
/*Estilo para simular la línea inferior debajo del h1 dentro de Archivos*/
.container.page-archives h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
.container.page-search h1{
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
/*Estilos para la tarjeta de Números anteriores, Archivos*/
.container.page-archives .justify-content-around .card.issue-summary{
    padding: 0rem .5rem .5rem .5rem;
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #CCC;
    border-radius: 0rem;
    box-shadow: none;
    text-align: center;
}
img.card-img-top.issue-summary-cover{border: 1px solid #eee;}
/*Estilos dentro de Archivos*/
.justify-content-around {
    border-bottom: none;
    padding-top: 0rem;
    margin-bottom: .5rem;
}
/*Estilo para el link dentro de Números anteriores o Archivos*/
.card-title.issue-summary-series a{
    color: #000 !important;
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
}
.card-title.issue-summary-series a:hover, .card-title.issue-summary-series a:focus{
    color: #0c730a !important;
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
    text-decoration: none;
}
/*Botones de adelante y atrás dentro de la sección Archivos*/
.page-link {
 color:#0c730a;
}
.page-link:hover,
.page-link:focus {
 background:#333;
 color:#fff
}
.page-item.active .page-link {
    border-color:#ddd;
    background: #0c730a;
    color: #FFF;
}

.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
 background:#333;
 border-color:#0c730a;
 color:#FFF;
}
/*Estilos para las ligas dentro de la tabla del contenido, los DOI de los artículos*/
.article-summary-doi a, .page-issue-doi a{
    text-decoration: none;
    color: #999;
	font-weight:500;
	font-size:14px !important;
}
.article-summary-doi a:hover, .article-summary-doi a:focus, .page-issue-doi a:hover, .page-issue-doi a:focus{
    text-decoration: underline;
    color: #0c730a;
	font-weight:500;
	font-size:14px !important;
}
/*Estilos para la paginación en Búsqueda*/
.page-search .pagination strong, .page-search .pagination a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 1rem;
    border-radius: 0;
    border: 1px solid #dee2e6;
    background: #FFF;
    color:#0c730a;
    line-height: normal;
} 
.page-search .pagination a:hover,  
.page-search .pagination a:focus,  
.page-search .pagination a:active {
    background:#333;
    border-color:#0c730a;
    color:#FFF;
}
.page-search .pagination strong {
    border-color:#ddd;
    background: #0c730a;
    color: #FFF;
}
.page-search .pagination strong:hover,
.page-search .pagination strong:focus, 
.page-search .pagination strong:active{
 background:#333;
 border-color:#0c730a;
 color:#FFF;
}
/*Estilo para que el footer se pegue a la caja de conenido*/
.page-content {
  margin-bottom: 0rem;
}
.site-footer {
    margin-top: 0rem;
    font-size: .9rem;
}
.site-footer-sidebar {
  padding-bottom: .5rem;

}
.site-footer .container.site-footer-content{
    margin-top: 0rem;
    font-size: .85rem;
}
/*Links dentro del footer*/
.site-footer a {
  color:#eab141;
  text-decoration:none;
}
.site-footer a:hover,
.site-footer a:focus {
    color:#fff;
    text-decoration:underline
}

.homepage-additional-content {
    margin-bottom: 0rem;
}
/*Estilos para el botón para ingresar al OJS*/
.modal-content a {
     color:#eab141;
     text-decoration:underline;
}
.modal-content a:hover,
.modal-content a:focus {
     color:#FFF;
}
.modal-content .btn-primary {
     background:#f7f7f7;
     border-color:#f7f7f7;
     color:#333 !important;
     border-radius:4px;
}
.modal-content .btn-primary:hover,
.modal-content .btn-primary:focus,
.modal-content .btn-primary:active {
    background:#f7f7f7 !important;
    border-color:#333 !important;
    color:#0c730a !important;
    border-radius:4px;
}
/*Varios estilos para el front a partir de aquí en la tabla de contenidos*/
.page-content {
    padding-top: 1rem;
    font-family: 'Fira Sans',sans-serif;
    font-size: 16px !important;
}
.homepage-issue-cover {
  box-shadow: 0 0px 8px rgba(0,0,0,0.3);
}
h2.homepage-issue-current{font-weight: normal !important;}
.homepage-issue-description-wrapper {
  border-radius: 8px;
  border: 1px solid #EEE;
  padding: 1rem 2rem;
  background: #f7f7f7;
}
.article-summary-title {
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
}
.article-summary-title a{
    color:#000 !important;
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
}
.article-summary-title a:hover, .article-summary-title a:focus, .article-summary-title a:active {
    color:#0c730a !important;
    text-decoration: none;
    font-size: 1.1rem;
    font-family: 'Fira Sans', sans-serif;
}
.article-summary-authors{
  font-size: 16px !important;
}
/*Título en el front de Volúmen*/
.homepage-issue-identifier {
  font-size: 24px;
  color: #333;
}
.article-details-issue-identifier a{
  font-size: 24px;
  color: #333;
}
.article-details-issue-identifier a:hover, .article-details-issue-identifier a:focus{
  font-size: 24px;
  color: #0c730a;
}
.homepage-issue-published {
  color: #666;
}
.issue-toc-section + .issue-toc-section {
  border-top: 1px solid #0c730a;
}
/*Estilo del botón inferior en el front de Ver todos los números*/
.page-content .text-center .btn, .page-content .announcement-summary-more .btn{
    padding:.25em .5em;
    border-radius:4px;
    border:1px solid #333;
    background:#0c730a;
    font-family:'Fira Sans',sans-serif;
    font-size:16px;
    font-weight:400;
    color:#FFF;
    text-decoration:none;
    cursor:pointer
}
.page-content .text-center .btn:hover, .page-content .text-center .btn:focus, .page-content .text-center .btn:active, 
.page-content .announcement-summary-more .btn:hover, .page-content .announcement-summary-more .btn:focus, .page-content .announcement-summary-more .btn:active{
    box-shadow:none;
    color:#0c730a;
    border-color:#0c730a;
    text-decoration:none;
    background:#FFF;
}
/*Botón de Edición, dentro de Avisos*/
.btn.btn-edit-link {
    padding:.2em .8em;
    border-radius:4px;
    border:1px solid #333 !important;
    border-color:#333 !important;
    background:#5da8c1;
    font-family:'Fira Sans',sans-serif;
    font-size:16px;
    font-weight:400;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 0 8px #CCCC;
}
.btn.btn-edit-link:hover, .btn.btn-edit-link:focus, .btn.btn-edit-link:active {
    box-shadow:0 0 8px #CCCC;
    color:#333;
    border-color:#5da8c1 !important;
    text-decoration:none;
    background:#FFF;
    font-family:'Fira Sans',sans-serif;
    font-size:16px;
    font-weight:400;
}
/*Estilo para inicio de sección en la tabla de contenido*/
.issue-toc-section-title {
    text-transform: uppercase;
    color: #FFF !important;
    background: #000;
    padding: .5rem;
}
/*Estilo para los títulos que son ligas dentro de la sección de Avisos*/
.container.page-announcement .announcement-summary h2 a{
    font-size: 1.25rem !important;
    font-family: 'Fira Sans', sans-serif;
    color: #0c730a;
    text-decoration: none;
}
.container.page-announcement .announcement-summary h2 a:hover, .container.page-announcement .announcement-summary h2 a:focus{
    font-size: 1.25rem !important;
    font-family: 'Fira Sans', sans-serif;
    color: #333;
    text-decoration: underline;
}
/*Sección de cada Aviso en la sección misma*/
article.announcement-summary{
    border-bottom: 1px solid #CCC;
}
/*Estilo para el título dentro del artículo*/
.page-header .article-meta-mobile {
    padding: 0 1rem;
    font-family: 'Fira Sans', sans-serif;
}
.page-header h1.article-details-fulltitle {
    font-size: 1.3rem;
    font-family: 'Fira Sans', sans-serif;
    color:#0c730a;
}

/*Estilo para sombra de la portada dentro del artículo*/
.container.page-article .article-details-block.article-details-cover .img-fluid{
    box-shadow: 0 0px 6px #CCC;
}
.article-details-sidebar .img-fluid {
  box-shadow: 0 0 6px #CCC;
}
/*Estilos dentro del artículo para la biografía de los autores*/
.article-details-author {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #EEE;
}
.article-details-author .article-details-bio-toggle {
 color:#0c730a !important;

}
.article-details-author .article-details-bio-toggle:hover,
.article-details-author .article-details-bio-toggle:focus {
    color:#333 !important;
    text-decoration: underline;
}
/*Estilos para la caja de keywords*/
.article-details-block.article-details-keywords{
    border:1px solid #CCC;
    padding: .25rem;
    border-radius: 4px;
    background: #FFF;
}
.article-details-block.article-details-keywords h2.article-details-heading{
    color: #FFF;
    text-transform: uppercase;
    background: #0c730a;
    padding: 5px;
    margin: -.25rem -.25rem .5rem -.25rem;
    font-weight: 400;
    font-family: 'Fira Sans',sans-serif;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.article-details-block.article-details-keywords .article-details-keywords-value{
    
    padding: 0 1rem;
    
}
.article-details-block.article-details-keywords{
  border: 1px solid #CCC;
  padding: .25rem;
  border-radius: 4px;
  background: #FFF;
}

/*Estilos para el espacio de citation dentro del artículo en el righsidebar*/
.article-details-block.article-details-how-to-cite{
    border:1px solid #CCC;
    padding: .25rem;
    border-radius: 4px;
    background: #FFF;
}
.article-details-block.article-details-how-to-cite h2.article-details-heading{
    color: #FFF;
    text-transform: uppercase;
    background: #0c730a;
    padding: 5px;
    margin: -.25rem -.25rem .5rem -.25rem;
    font-weight: 400;
    font-family: 'Fira Sans',sans-serif;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 4px 4px 0 0;
}
.article-details-block.article-details-how-to-cite .article-details-how-to-cite-citation{
    padding: 0 1rem;
    word-wrap: break-word;
}
.article-details-block.article-details-how-to-cite .dropdown{
    margin-bottom: 1rem;
    text-align: center;
}
/*Imagen dentro de la barra a la derecha dentro del artículo*/
.article-details-cover {
  margin: 0 auto 2rem auto;
}
/*Estilo para el color de las alertas*/
.alert-primary {
  background-color: rgba(234,177,65,.8);
  border-color: #666;
  color: #000;
  border-radius: 6px;
}
/*Estilos sobre escritos para los links dentro de alerta*/
.alert-primary a{
 color:#0c730a;
 text-decoration:underline;
}
.alert-primary a:hover,
.alert-primary a:focus,
.alert-primary a:active {
 color:#FFF;
 text-decoration:underline;
}
/*Color para algunos títulos dentro de las secciones*/
.page-content h2{
    color:#666;
    font-weight: 600;
    font-size: 1.2rem;
    font-family: 'Fira Sans',sans-serif;
}
.page-content h3 {
    color:#666;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: 'Fira Sans',sans-serif;
}
.page-content h4{
    color:#666;
    font-weight: 600;
    font-family: 'Fira Sans',sans-serif;
}
/*Títutlo para el filtro del buscador*/
.search-filters h2 {
    font-weight: 600;
    font-size: 1.2rem;
    color: #666;
    font-family: 'Fira Sans',sans-serif;
    text-align: center;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#0c730a;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#000 !important;
    border-color:#0c730a !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}  
/*Estilo para el link en el front dentro de la caja de descripción de la revitsta*/
#homepageDescriptionMore, #homepageDescriptionLess {
  color: #0c730a;
  cursor: pointer;
}
#homepageDescriptionMore:hover, #homepageDescriptionLess:hover, 
#homepageDescriptionMore:focus, #homepageDescriptionLess:focus, 
#homepageDescriptionMore:active, #homepageDescriptionLess:active {
  color: #333;
  cursor: pointer;
}
/*Estilo para ingresar al OJS en la página, no la página modal*/
.container.page-login{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    background: rgba(238,238,238,1);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    margin-top: 0px;
    padding-top: 2rem;
    padding-bottom: 4rem;
}
.container.page-login .form-group-forgot a, .container.page-login .form-group-register a{
    color:#0c730a;
    text-decoration: none;
}
.container.page-login .form-group-forgot a:hover, .container.page-login .form-group-forgot a:focus, .container.page-login .form-group-register a:hover, .container.page-login .form-group-register a:focus{
    color:#333;
    text-decoration: underline;    
}
.page-issue-cover{
    box-shadow: 0 0px 8px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    margin: 0 auto;
}
.img-fluid.page-issue-cover {
    box-shadow: 0 0px 8px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    margin: 0 auto;
}
/*Estilos para elementos dentro del artículo*/
.article-details-main {
  padding: 3rem 6rem;
  background: transparent;
}
/*Estilo link para el autor dentro del artículo*/
.authors-string .author-string-href {
  color:#333;
  cursor:pointer
 }
 .authors-string .author-string-href:hover {
  text-decoration:none;
  color:#5da8c1;
 }
/*Estilo para el asterisco y ver la biografía del autor*/
.author-symbol {
  color: #0c730a;
}
/*Estilos para el dato de la fecha de la publicación*/
.page-issue-date{
    font-size: 14px;
    color: #757575;
    margin-top: .25rem;
    text-align: center;
}
.page-header h1 {
    text-align: center;
}
/*DOI dentro de la sección archivos*/
.page-issue-doi {
  text-align: center;
}
.Inmunotoxicologia{}
/*Estilos para el carrusel*/
.carousel.slide{
    width: 98%;
    margin: .6rem auto 0 auto;
}
.carousel-control-prev {
 background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
 background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
 background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 background-repeat:repeat-x
}
.carousel-control-next{
 right:0;
 left:auto;
 background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
 background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
 background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 background-repeat:repeat-x
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus{
 color:#fff;
 text-decoration:none;
 outline:0;
 filter:alpha(opacity=90);
 opacity:.9
}

/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-carrusel{
    background: #FFF;
    color: #000;
    border-radius: 4px;
}

/*Títulos dentro del footer en el foot-secundario*/
.site-footer .pkp_block .title {
    font-size: 20px;
    font-family: 'Fira Sans', sans-serif;
    border-bottom: 1px solid #FFF;
    padding-bottom: .3rem;
} 
/*Bloques del footer secundario*/   
.site-footer .pkp_block {
    flex: 0 0 80%;
    width: 80%;
    margin: 0 auto 2rem auto;
    padding-bottom: 5px;
}
/*Para centrar la imagen del slide del footer*/
#customblock-carrusel.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 35px;
    width: auto;
    margin: 0 0 1rem 0;
    padding: 0 10px;

}
/*Para cambiar el color del título en tamaños pequeños*/
.article-details-heading, .article-details .item > .label {
  color: #333;
}
@media (min-width:379px) and (max-width:479px) {
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: both;
    float: none;
    display: flex;
    margin:0 auto;
    width: 260px;
    padding-bottom: .8rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logos-small .zone_logoUni-small{
    clear: none;
    float: left;
    display: block;
    margin:.5rem 1.3rem 0 0rem;
    padding: 0;
    width: 22%;
}
.logos-small .zone_logoUni-small img {
    width: 100%;
    max-height: 100%;
}
.logos-small .logorev_issn-small {
    clear: none;
    float: left;
    display: block;
    margin: 0;
    width: 70%;
}
.logorev_issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small{
clear: none;
display: block;
float: none;
width: auto;
height: auto;
padding: 0px;
margin: .5rem 0px 0px 0px;
}
.logo-rev-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small .navbar-brand {
  clear: none;
  display: block;
  float: none;
  width: 100%;
  min-width: 180px;
  height: auto;
  padding: 0px;
  margin: 0px;
}
.logos-small .logorev_issn-small .logo-rev-small img{
     max-height: 180px !important;
} 
.logos-small .logorev_issn-small .zone-issn-small{
    clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 0% 0 6%;
}  
.logos-small .logorev_issn-small .zone-issn-small p{
    text-align: right;
    color:#FFF !important;
    margin-bottom: 0rem;
    font-size: .9rem;    
}
.logos-small .logorev_issn-small .zone-issn-small a:link, .logos-small .logorev_issn-small .zone-issn-small a:visited {
    text-align: right;
    color:#FFF;
    font-size: .9rem; 
    text-decoration: none;
}
.logos-small .logorev_issn-small .zone-issn-small a:hover,
.logos-small .logorev_issn-small .zone-issn-small a:active {
    text-align: right;
    color:#5da8c1;
    font-size: .9rem; 
    text-decoration: underline;
}
.logos-small .zone_logo-small{
    clear: none;
    display: none;
    float: right;
    width: 12%;
    margin-right: 0;
    margin-top: 0px;
    visibility: hidden;
}
.logos-small .zone_logo-small .imagotipo{
    clear: both;
    display: none;
    margin: 0;
    width: auto;
}
.logos-small .zone_logo-small .imagotipo img {
  width: auto;
  max-height: 110px;
}
}
/*Aquí inician la media querie a partir de 480px para arriba*/
@media (min-width:480px) {
/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 1500px auto;
}
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: both;
    float: left;
    display: flex;
    margin-left: 3.5rem;
    margin-top: 0%;
    width: 70%;
    padding-bottom: .3rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logos-small .zone_logoUni-small{
    clear: none;
    float: left;
    display: block;
    margin: 0rem 1rem 0 1.8rem;
    width: 20%;
    padding: .5rem 0 .8rem 0;
}
.logos-small .zone_logoUni-small img {
    width: 100%;
    max-height: 100%;
}
.logos-small .logorev_issn-small {
    clear: none;
    float: left;
    display: block;
    margin: 0;
    width: 60%;
}
.logorev_issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small{
clear: none;
display: block;
float: none;
width: auto;
height: auto;
padding: 0px;
margin: .5rem 0px 0px 0px;
}
.logo-rev-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small .navbar-brand {
    clear: none;
    display: block;
    float: none;
    width: 100%;
    min-width: 200px;
    max-width: 100% !important;
    height: auto;
    padding: 0px;
    margin: 0px;
}
.logos-small .logorev_issn-small .logo-rev-small img{
     max-height: 180px !important;
} 
.logos-small .logorev_issn-small .zone-issn-small{
    clear: both;
    float: right;
    display: block;
    margin: -1% 0 0 0;
    width: 100%;
    padding: 0;
}  
.logos-small .logorev_issn-small .zone-issn-small p{
    text-align: right;
    color:#FFF !important;
    margin-bottom: 0rem;
    font-size: .9rem;    
}
.logos-small .logorev_issn-small .zone-issn-small a:link, .logos-small .logorev_issn-small .zone-issn-small a:visited {
    text-align: right;
    color:#FFF;
    font-size: .9rem; 
    text-decoration: none;
}
.logos-small .logorev_issn-small .zone-issn-small a:hover,
.logos-small .logorev_issn-small .zone-issn-small a:active {
    text-align: right;
    color:#5da8c1;
    font-size: .9rem; 
    text-decoration: underline;
}
.logos-small .zone_logo-small{
    clear: none;
    display: none;
    float: right;
    width: 12%;
    margin-right: 0;
    margin-top: 0px;
    visibility: hidden;
}
.logos-small .zone_logo-small .imagotipo{
    clear: both;
    display: none;
    margin: 0;
    width: auto;
}
.logos-small .zone_logo-small .imagotipo img {
  width: auto;
  max-height: 110px;
}
/*Para cambiar el color del link*/
#primaryNav .nav-link,
 #primaryNav .dropdown-item {
  line-height:1.5rem;
  text-transform:uppercase;
  vertical-align:middle;
  border:1px solid transparent;
 }
 #primaryNav .nav-link {
     padding:.7rem;
     color: #FFF !important;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
  background:transparent;
  color:#333 !important;
  border-color:transparent;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width:568px;
    background: #000;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: normal
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#0c730a !important;
     background-color:#FFF !important;
     border:0px transparent;
 }
 /*Estilo para simular la línea inferior debajo del h1 dentro de Archivos*/
.container.page-archives h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
/*Estilos para la tarjeta de Números anteriores, Archivos*/
.container.page-archives .justify-content-around .card.issue-summary{
    padding: 0rem .5rem .5rem .5rem;
    background-color: transparent;
    border:none;
    border-bottom: 1px solid #CCC;
    border-radius: 0rem;
    box-shadow: none;
    text-align: center;
}
img.card-img-top.issue-summary-cover{
    border: 1px solid #eee;
    }
/*Estilos dentro de Archivos*/
.justify-content-around {
    border-bottom: none;
    padding-top: 0rem;
    margin-bottom: .5rem;
}
/*Estilo para el título dentro del artículo*/
.page-header .article-meta-mobile {
    padding: 0 1rem;
    font-family: 'Fira Sans', sans-serif;
} 

/*Estilos para el carrusel mayor*/
.carousel.slide{
    width: 98%;
    margin: 1rem auto 0 auto;
}
 /*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-carrusel{
    background: #FFF;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
/*.slick-slide img {
  margin: 0 auto;
}*/
#customblock-carrusel.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 50px;
    width: auto;
    margin: 0 auto 2rem auto;
}
/*Bloques del footer secundario*/   
.site-footer .pkp_block {
    flex: 0 0 60%;
    width: 60%;
    padding-bottom: 5px;
    margin: 0 auto 2rem auto
}

}


/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 768px) {
/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 2500px auto;
}
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
  clear: both;
    float: left;
    display: flex;
    margin-left: 2rem;
    margin-top: 0%;
    width: 80%;
    padding-bottom: .6rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logos-small .zone_logoUni-small{
    clear: none;
    float: left;
    display: block;
    margin: .3rem 2rem 0 2rem;
    padding: 0 0 1.3rem 0;
    width: 20%;
}
.logos-small .zone_logoUni-small img {
    width: 100%;
    max-height: 100%;
}
.logos-small .logorev_issn-small {
    clear: none;
    float: left;
    display: block;
    margin: 0;
    width: auto;
}
.logorev_issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small{
    clear: none;
    display: block;
    float: none;
    width: 70%;
    height: auto;
    padding: 0px;
    margin: .5rem 0px 0px 1.5rem;
}
.logo-rev-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev_issn-small .logo-rev-small .navbar-brand {
    clear: none;
    display: block;
    float: none;
    width: 100%;
    min-width: 180px;
    max-width: 100% !important;
    height: auto;
    padding: 0px;
    margin: 0px;
}
.logos-small .logorev_issn-small .logo-rev-small img{
     max-height: 180px !important;
} 
.logos-small .logorev_issn-small .zone-issn-small{
    clear: none;
    float: right;
    display: block;
    margin: -1.5rem 0 0 0;
    width: 25%;
    padding: 0;
}  
.logos-small .logorev_issn-small .zone-issn-small a:link, .logos-small .logorev_issn-small .zone-issn-small a:visited {
    text-align: right;
    color:#FFF;
    font-size: .9rem; 
    text-decoration: none;
}
.logos-small .logorev_issn-small .zone-issn-small a:hover,
.logos-small .logorev_issn-small .zone-issn-small a:active {
    text-align: right;
    color:#5da8c1;
    font-size: .9rem; 
    text-decoration: underline;
}

.logos-small .zone-logo-small{
    clear: none;
    display: none;
    float: right;
    width: 12%;
    margin-right: 0;
    margin-top: 0px;
    visibility: hidden;
}
.logos-small .zone-logo-small .imagotipo{
    clear: both;
    display: none;
    margin: 0;
    width: auto;
}
.logos-small .zone-logo-small .imagotipo img {
  width: auto;
  max-height: 110px;
}
/*Menú hamburguesa*/
.navbar-collapse {
  background: rgba(12,115,10,1);
    background: -moz-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,115,10,1)), color-stop(100%, rgba(76,149,76,1)));
    background: -webkit-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -o-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -ms-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: linear-gradient(to bottom, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c730a', endColorstr='#4c954c', GradientType=0 );
  margin-top: .5rem;
}
/*Para cambiar el color del link*/
#primaryNav .nav-link,
 #primaryNav .dropdown-item {
  line-height:1.5rem;
  text-transform:uppercase;
  vertical-align:middle;
  border:1px solid transparent;
 }
 #primaryNav .nav-link {
     padding:.7rem;
     color: #FFF !important;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
  background:transparent;
  color:#333 !important;
  border-color:transparent;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width: 768px;
    background: #000;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: normal
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#0c730a !important;
     background-color:#FFF !important;
     border:0px transparent;
 }

/*Estilo para simular la línea inferior debajo del h1 dentro de Archivos*/
.container.page-archives h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
/*Estilos para la tarjeta de Números anteriores, Archivos*/
.container.page-archives .justify-content-around .card.issue-summary{
    padding: .5rem;
    background-color: #fff;
    border: 1px solid #EEE;
    border-radius: .4rem;
    box-shadow: 0 0 4px #EEE;
    text-align: center;
}
/*Estilos dentro de Archivos*/
.justify-content-around {
  border-bottom: 1px solid #CCC;
  padding-top: 2.5rem;
  margin-bottom: .5rem;
} 
/*Estilo para el título dentro del artículo*/
.page-header .article-meta-mobile {
    padding: 0 1rem;
    font-family: 'Fira Sans', sans-serif;
} 
/*Estilos para el carrusel mayor*/
.carousel.slide{
    width: 98%;
    margin: 1rem auto 0 auto;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-carrusel{
    background: #FFF;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
/*.slick-slide img {
  margin: 0 auto;
}*/
#customblock-carrusel.pkp_block.block_custom .slick-initialized.slick-slider img{
	  max-height: 45px;
      width: auto;
      margin: 3rem 0 0 0;
}
/*Bloques del footer secundario*/   
.site-footer .pkp_block {
    flex: 0 0 40%;
    width: 40%;
    margin: 0 2rem 2rem 2rem;
    padding-bottom: 5px;
}

    
}

 
/*Aquí inician la media querie a partir de 992px para arriba*/
@media (min-width: 992px) {
/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 2500px auto;
}
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
  display: none !important;
  visibility: hidden !important;
}
/*Estilos para el menú del usuario*/
#userNav .nav-link, .language-toggle .dropdown-toggle {
  color: #FFF;
  border: 0px solid transparent;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: none;
}
#userNav .nav-link:hover, #userNav .nav-link:focus, .language-toggle .dropdown-toggle:focus, .language-toggle .dropdown-toggle:hover {
    font-size: 14px !important;
    color: #000 !important;
    outline:0;
    border-color:#FFF;
    border:none;
    background: rgba(214, 230, 215, 0.6);
 }
/*Estilos para submenú de usuario e idioma*/
#userNav .dropdown-menu, .language-toggle .dropdown-menu {
  padding: 0em;
}
.dropdown-item:hover, .dropdown-item:focus {
  background: #FFF !important;
  border-color:#FFF !important;
  color: #0c730a !important;
}
.dropdown-menu {
  background: #5da7c1 !important;
}
/*Aquí terminan los estilos para usuario e idioma*/
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
  text-align: center;
}
.navbar-logo::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px;
}
/*Estilo para el contenedor padre de los logos en el head*/
.navbar-logo .logos {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .zone_logoUni{
    clear: none;
    float: left;
    display: block;
    margin:1% 2%;
    width: 10%;
}
.navbar-logo .logos .zone_logoUni img {
  width: auto;
  max-height: 100px;
}
.navbar-logo .logos .logorev_issn {
    clear: none;
    float: none;
    display: block;
    margin: 0 auto;
    width: 38%;
    text-align: right;
}
.logorev_issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logo-rev:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev img{
    width: 100%;
    max-height: 120px !important;
} 
.navbar-logo .logos .logorev_issn .zone_issn{
    clear: both;
    float: left;
    display: block;
    margin: -5% 0 0 0;
    width: 100%;
    padding: 0 6%;
}  
.navbar-logo .logos .logorev_issn .zone_issn p{
    text-align: right;
    color:#FFF;
    margin-bottom: 0rem;
    font-size: .9rem;    
}
.navbar-logo .logos .zone_others{
    clear: none;
    display: block;
    float: right;
    width: 18%;
    margin-right: 0;
    margin-top: -50px;
}
.navbar-logo .logos .zone_others .zone_issn{
     clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 6%;
}
.navbar-logo .logos .zone_others .zone_issn p{
  	text-align: right;    
    color:#FFF;
    margin-bottom: 0rem;
    font-size: .9rem; 
}
.navbar-logo .logos .zone_others .zone_issn a:link {
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
.navbar-logo .logos .zone_others .zone_issn a:hover,
.navbar-logo .logos .zone_others .zone_issn a:visited:hover{
    text-align: right;
    color:#5da8c1;
    font-size: 1.1rem; 
    text-decoration: underline;
}
.navbar-logo .logos .zone_others .zone_issn a:visited{
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
/*Menú superior*/
.navbar-expand-lg .navbar-collapse {
    background: rgba(12,115,10,1);
    background: -moz-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,115,10,1)), color-stop(100%, rgba(76,149,76,1)));
    background: -webkit-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -o-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: -ms-linear-gradient(top, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    background: linear-gradient(to bottom, rgba(12,115,10,1) 0%, rgba(76,149,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c730a', endColorstr='#4c954c', GradientType=0 );
}
#primaryNav {
  padding-top: .2rem;
  padding-bottom: .2rem;
} 
/*Para cambiar el color del link*/
#primaryNav .nav-link,
 #primaryNav .dropdown-item {
  line-height:1.5rem;
  text-transform:uppercase;
  vertical-align:middle;
  border:1px solid transparent;
 }
 #primaryNav .nav-link {
     padding:.7rem;
     color: #FFF !important;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
  background:transparent;
  color:#333 !important;
  border-color:transparent;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
     display:block;
     flex-wrap:wrap;
     justify-content:space-around;
     align-content:center;
     position:absolute;
     top:100%;
     right:0em;
     width:30%;
     min-width: 30%;
     margin:0 -10% 0 auto;
     padding:.5rem 0rem;
     background-color:#000 !important;
     border-radius:0;
     box-shadow: 0 0 4px #674f30;      
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: normal
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#0c730a !important;
     background-color:#FFF !important;
     border:0px transparent;
 }
/*Caja de intro de la revista Bio Ciencias en el front*/
.homepage-issue-description-wrapper {
    border-radius: 8px;
    border: 1px solid #EEE;
    padding: 1rem 2rem;
    background: #f7f7f7;
    
}
/*Botón para ver la introducción completa*/
.homepage-description-buttons {
  margin-top: 15px;
} 
/*Estilo para hacer más visible la sombra de la portada en el front*/
.homepage-issue-cover{
  box-shadow: 0 0px 8px rgba(0,0,0,0.3);
}
.img-fluid.page-issue-cover {
    box-shadow: 0 0px 8px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    margin: 0 auto;
}
    
/*Estilo para ingresar al OJS en la página, no la página modal*/
.container.page-login{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    background: rgba(238,238,238,1);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
    margin-top: 0px;
    padding-top: 2rem;
    padding-bottom: 4rem;
}
.container.page-login .form-group-forgot a, .container.page-login .form-group-register a{
    color:#0c730a;
    text-decoration: none;
}
.container.page-login .form-group-forgot a:hover, .container.page-login .form-group-forgot a:focus, .container.page-login .form-group-register a:hover, .container.page-login .form-group-register a:focus{
    color:#333;
    text-decoration: underline;    
}
.page-issue-cover{
    box-shadow: 0 0px 8px rgba(0,0,0,0.1);
    border: 1px solid #eee;
    margin:0;
}
/*Estilos para elementos dentro del artículo*/
.article-details-main {
  padding: 3rem 6rem;
  background: transparent;
}
    
/*Estilo link para el autor dentro del artículo*/
.authors-string .author-string-href {
  color:#333;
  cursor:pointer
 }
 .authors-string .author-string-href:hover {
  text-decoration:none;
  color:#5da8c1;
 }
/*Estilo para el asterisco y ver la biografía del autor*/
.author-symbol {
  color: #0c730a;
}
/*Estilo para simular la línea inferior debajo del h1 dentro de Archivos*/
.container.page-archives h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
/*Estilos para la tarjeta de Números anteriores, Archivos*/
.container.page-archives .justify-content-around .card.issue-summary{
    padding: .5rem;
    background-color: #fff;
    border: 1px solid #EEE;
    border-radius: .4rem;
    box-shadow: 0 0 4px #EEE;
    text-align: center;
}
/*Estilo para el segundo bloque al entrar a la sección Archivos*/
.page-issue-description-wrapper {
  padding: 1rem;
  background: transparent;
}
/*Estilos dentro de Archivos*/
.justify-content-around {
  border-bottom: 1px solid #CCC;
  padding-top: 2.5rem;
  margin-bottom: .5rem;
}
/*Estilo para el título dentro del artículo*/
.page-header .article-meta-mobile {
    padding: 0 4rem;
    font-family: 'Fira Sans', sans-serif;
}
/*Estilos para el carrusel mayor*/
.carousel.slide{
    width: 98%;
    margin: 2rem auto 0 auto;
}
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-carrusel{
    background: #FFF;
    color: #000;
    border-radius: 4px;
}
#customblock-carrusel.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 95px;
	width: auto;
	margin: 0 auto;
}
 /*Bloques del footer secundario*/   
.site-footer .pkp_block {
    flex: 0 0 22%;
    width: 22%;
    margin: 0 .5rem 2rem .5rem;
    padding-bottom: 5px;
}
    
}
/*Aquí inician la media querie a partir de 1200px para arriba*/
@media (min-width: 1200px) {
/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 2500px auto;
}
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
  text-align: center;
}
.navbar-logo::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px;
}
/*Estilo para el contenedor padre de los logos en el head*/
.navbar-logo .logos {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .zone_logoUni{
    clear: none;
    float: left;
    display: block;
    margin:1% 2%;
    width: 10%;
}
.navbar-logo .logos .zone_logoUni img {
  width: auto;
  max-height: 100px;
}
.navbar-logo .logos .logorev_issn {
    clear: none;
    float: none;
    display: block;
    margin: 0 auto;
    width: 38%;
    text-align: right;
}
.logorev_issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logo-rev:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev img{
    width: 100%;
    max-height: 120px !important;
} 
.navbar-logo .logos .logorev_issn .zone_issn{
    clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 6%;
}  
.navbar-logo .logos .logorev_issn .zone_issn p{
    text-align: right;
    color:#FFF;
    margin-bottom: 0rem;
    font-size: .9rem;    
}
.navbar-logo .logos .zone_others{
    clear: none;
    display: block;
    float: right;
    width: 15%;
    margin-right: 0;
    margin-top: -40px;
}
.navbar-logo .logos .zone_others .zone_issn{
     clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 6%;
}
.navbar-logo .logos .zone_others .zone_issn p{
  	text-align: right;
    color:#FFF;
    margin-bottom: 0rem;
    font-size: .9rem; 
}
.navbar-logo .logos .zone_others .zone_issn a:link {
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
.navbar-logo .logos .zone_others .zone_issn a:hover,
.navbar-logo .logos .zone_others .zone_issn a:visited:hover  {
    text-align: right;
    color:#5da8c1;
    font-size: 1.1rem; 
    text-decoration: underline;
}
.navbar-logo .logos .zone_others .zone_issn a:visited{
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
/*Estilo para escoder el head para los tamaños pequeños*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
  display: none !important;
  visibility: hidden !important;
}
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 70%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
     display:block;
     flex-wrap:wrap;
     justify-content:space-around;
     align-content:center;
     position:absolute;
     top:100%;
     right: 0em;
     width: 25%;
     min-width: 25%;
     margin: 0 -5% 0 auto;
     padding:.5rem 0rem;
     background-color:#000 !important;
     border-radius:0;
     box-shadow: 0 0 4px #674f30;      
 }
    
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    background:#0c730a;
    border-color:#666;
    color:#FFF;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background:#000 !important;
    border-color:#0c730a !important;
    color:#FFF !important;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
}  
/*Estilo para simular la línea inferior debajo del h1 dentro de Archivos*/
.container.page-archives h1 {
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
/*Estilos para la tarjeta de Números anteriores, Archivos*/
.container.page-archives .justify-content-around .card.issue-summary{
    padding: .5rem;
    background-color: #fff;
    border: 1px solid #EEE;
    border-radius: .4rem;
    box-shadow: 0 0 4px #EEE;
    text-align: center;
} 
/*Estilos dentro de Archivos*/
.justify-content-around {
  border-bottom: 1px solid #CCC;
  padding-top: 2.5rem;
  margin-bottom: .5rem;
}
/*Estilo para el título dentro del artículo*/
.page-header .article-meta-mobile {
    padding: 0 4rem;
    font-family: 'Fira Sans', sans-serif;
} 
/*Estilos para el carrusel*/
.carousel.slide{
    width: 98%;
    margin: 2rem auto 0 auto;
}
}

/*Podría ser que se use este tamaño*/
@media (min-width:1920px) {
/*Estilo para el fondo del background del header*/
.main-header {
    background: #000 url(back-head.png) no-repeat center bottom;
    background-size: 2500px auto;
}
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
  text-align: center;
}
.navbar-logo::after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 1px;
}
/*Estilo para el contenedor padre de los logos en el head*/
.navbar-logo .logos {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
  max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .zone_logoUni{
    clear: none;
    float: left;
    display: block;
    margin:1% 2%;
    width: 10%;
}
.navbar-logo .logos .zone_logoUni img {
  width: auto;
  max-height: 100px;
}
.navbar-logo .logos .logorev_issn {
    clear: none;
    float: none;
    display: block;
    margin: 0 auto;
    width: 38%;
    text-align: right;
}
.logorev_issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logo-rev:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev_issn .logo-rev img{
    width: 100%;
    max-height: 120px !important;
} 
.navbar-logo .logos .logorev_issn .zone_issn{
    clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 6%;
}  
.navbar-logo .logos .logorev_issn .zone_issn p{
    text-align: right;
    color:#FFF;
    margin-bottom: 0rem;
    font-size: .9rem;    
} 
.navbar-logo .logos .zone_others{
    clear: none;
    display: block;
    float: right;
    width: 15%;
    margin-right: 0;
    margin-top: -40px;
}
.navbar-logo .logos .zone_others .zone_issn{
     clear: both;
    float: left;
    display: block;
    margin: -3% 0 0 0;
    width: 100%;
    padding: 0 6%;
}
.navbar-logo .logos .zone_others .zone_issn p{
  	text-align: right;
    color:#FFF;
    margin-bottom: 0rem;
    font-size: 1.1rem; 
}
.navbar-logo .logos .zone_others .zone_issn a:link {
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
.navbar-logo .logos .zone_others .zone_issn a:hover,
.navbar-logo .logos .zone_others .zone_issn a:visited:hover  {
    text-align: right;
    color:#5da8c1;
    font-size: 1.1rem; 
    text-decoration: underline;
}
.navbar-logo .logos .zone_others .zone_issn a:visited{
    text-align: right;
    color:#FFF;
    font-size: 1.1rem; 
    text-decoration: none;
}
    
    
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
  width: 45%;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    display:block;
    flex-wrap:wrap;
    justify-content:space-around;
    align-content:center;
    position:absolute;
    right: 0em;
    width: 23%;
    min-width: 23%;
    margin: 0 -5% 0 auto;
    padding:.5rem 0rem;
    background-color:#000 !important;
    border-radius:0;
    box-shadow: 0 0 4px #674f30;      
 }    
/*Para el contenedor de los resultados de la sección de Búsqueda y se separe del título de los resultados*/
.container.page-search h1{
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
    
    
}