@charset "UTF-8";
/*Hoja de estilo desarrollada por la Subdirección de Revistas Académicas y Publicaciones Digitales,  DGPFE-UNAM, para el OJS de la revista de investigaciones en arte, diseño y cine. PROCESUAL UNAM*/
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

body{background: #efeeee;}
/*Estilos para submenú de usuario e idioma*/
#primaryNav-userNav{
    clear:both;
}
#primaryNav-userNav .dropdown-menu, .language-toggle .dropdown-menu {
  padding: 0em;
}
.dropdown-item {
    font-size: 14px !important;
    background: transparent;
    color: #000;
    padding-left: 1em !important;

}
.dropdown-item:hover, .dropdown-item:focus {
    background: #a3a3a3 !important;
    border-color:#FFF !important;
    color: #000 !important;
    font-size: 14px !important;
    padding-left: 1em !important;
}
#languageSmallNav {
  margin-bottom: 2em;
}
.dropdown-menu {
  background: #FFF !important;
}
/*Estilos para submenú de usuario e idioma*/
#primaryNav-userNav .dropdown-menu, .language-toggle .dropdown-menu {
  padding: 0em;
}
/*Estilo para el fondo del head, la textura beige*/
.main-header {
    background:#efeeee;
}
/*logos-small es el div padre y principal para los logos*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: none;
    display: block;
    float: none;
    margin:0 auto;
    width:75%;
    padding: 0rem 0rem 1rem 0rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos-small .logorev-issn-small{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev-issn-small .imagotipo-small {
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.logorev-issn-small .imagotipo-small img {
  width: auto;
  max-height: 130px !important;
}
.logos-small .logorev-issn-small .zone-issn {
    clear: both;
    float: left;
    display: block;
    margin:-1.2rem 0 0 6rem;
    width: 60%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logorev-issn-small .zone-issn p {
    margin-bottom: 0rem;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.logos-small .container-logosInstitu-small{
    clear: both;
    display: block;
    float: none;
    margin:2rem auto 0 auto;
    width: 95%;
}
.container-logosInstitu-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Escudo de la UNAM*/
.zone-university-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 1rem 0px 0rem;
    float: left;
}
.logo-svg-escudo-small {
    clear:none;
    display: block;
    width: 30px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university-small .logo-svg-escudo-small img{
    width: 100% !important;
    max-height: 85px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.25rem 0 0 0;
    float: right;
}

.logo-svg-posgrado-small {
    clear:none;
    display: block;
    width: 65px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad-small .logo-svg-posgrado-small img{
    width: 100% !important;
    max-height: 36px;
} 
/*Logo de la FAD*/
.zone-fad-small{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.1rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}
.logo-svg-fad-small{
    clear:none;
    display: block;
    width: 95px;
    margin: 0 0 0 0rem;
}
.logo-svg-fad-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad-small .logo-svg-fad-small img{
    width: 100% !important;
    max-height: 28px;
} 
/*Menú hamburguesa*/
.navbar-light .navbar-toggler {
    background: rgba(255,255,255,0.6);
    margin: -20% 2% 2% 2%;
    padding: .25rem .75rem;
    border-color: rgba(120, 120, 120, .5);
}
.navbar-collapse {
    background: #000;
    margin-top: 0rem;
}
/*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;
    font-weight: 200;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
  background:transparent;
  color:#CCC !important;
  border-color:transparent;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 100%;
    padding: 0 inherit;
    clear: none;
    display: flex;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width: 320px;
    background:#787878 !important;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF !important;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: 200;
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#333 !important;
     background-color:#FFF !important;
     border:0px transparent;
     font-weight: 400;
 }
/*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: 0px;
    border: 400;
    background: rgba(255,255,255, 0.4) !important;
 }
/*Estilo para el número dentro del usuario que marca los pendientes*/
.badge-light {
    background: rgb(102, 102, 102);
    color: rgb(255, 255, 255);
}
/*Estilo para el buscador dentro del menú superior*/
 .navbar-form {
    width: auto;
    padding: 0 0 0 .8rem;
  }
.navbar-left {
    margin: .5rem 0;
    float: none !important;
  }

.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
  width: 100%;
  float: left;
  margin: 0;

}
.navbar-form .form-group {
    width: 85%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
input.form-control {
    width: 100%;
    margin-left:0;
    border-radius: 4px;
  }
/*Estilo para la lupita de la caja search*/
.navbar-form.navbar-left .btn.btn-default{
    border: none;
    padding: .5em .15em;
}
.navbar-form.navbar-left .btn.btn-default img{
    display: block;
    max-height: 25px;
    width: auto;
}
/*Estilos generales para los links*/
a {
    color:#787878;
    text-decoration: underline;
}
a:hover,
a:focus {
    color:#000;
    text-decoration: none;
}
/*Estilo para la portada*/
.img-fluid.homepage-issue-cover{
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
/*Ventana modal para ingresar al OJS*/
.modal-content .form-control {
    background:#a3a3a3 !important;
    width: 100% !important;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    border-color:#000;
    color:#FFF;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
    background: #000000;
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);   
}
.btn-primary:hover,
.btn-primary:focus{
    border-color:#000 !important;
    color:#FFF !important;
    font-weight: 400;    
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom:.5rem;
    background: #787878 !important;
}
/*Botón para ingresar al OJS*/
.modal-content .btn-primary {
  background:#efeeee !important;
  border-color:#f7f7f7 !important;
  color:#333 !important;
}
.modal-content .btn-primary:hover, .modal-content .btn-primary:focus, .modal-content .btn-primary:active {
  background:#a3a3a3 !important;
  border-color:#a3a3a3 !important;;
  color: #FFF !important;
}
.modal-content .close {
  background-color: transparent !important;
  color: #FFF !important;
}
/*Estilos para el footer*/
.site-footer{
    margin-top: 0rem;
    padding-top: 0;
    background: #333;
    font-weight: 200;
}
.site-footer .pkp_block .content{
    background: #FFF;
    margin: 0rem 0 0 0;
    padding:10px 10px 15px 10px;
    border-radius: 0 0 4px 4px;
}
.site-footer .pkp_block.block_make_submission .content{
    background: transparent;
}

/*Estilos generales para los links del footer*/
.site-footer .container.site-footer-sidebar a {
    font-size:1rem;
    color:#787878;
    text-decoration: none;
    font-weight: normal;
}
.site-footer .container.site-footer-sidebar a:hover,
.site-footer .container.site-footer-sidebar a:focus {
    font-size:1rem;
    color:#000;
    text-decoration: underline;
    font-weight: normal;
}
/*Botón de Enviar artículo en el footer*/
.block_make_submission .block_make_submission_link {
    border-color:#666 !important;
    color:#787878 !important;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
    background: #FFF;
    transition: none;
}
.block_make_submission .block_make_submission_link:hover,
.block_make_submission .block_make_submission_link:focus,
.block_make_submission .block_make_submission_link:active {
    border-color:#EEE !important;
    color:#000 !important;
    text-decoration: none !important;
    font-weight: 400;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
    background: #EFEEEE;
    background: -webkit-linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    background: linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EFEEEE", endColorstr="#A3A3A3", GradientType=0);
}
/*Estilo para el contenedor del contenido dentro del artículo*/
.article-details{
    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: 0 15px;
    box-shadow: 0 0 4px #CCC;
}
/*Caja general para la sombra a los costados*/
.container-homepage-issue, .container.page-issue, .container.page-about, .container.page-editorial-team, .container.page-custom, .container.page-custom, .container.page-privacy, .container.page-contact, .container.page-submissions, .container.page-announcement, .container.page-archives, .container.page-search {
    margin-top: 0rem;
    border: 0;
    background: #FFF;
    padding-bottom: 3rem;
    box-shadow: 0 0 4px rgba(15, 16, 74, .6);
    margin-bottom: 0px;
}
.site-footer .container.site-footer-content{
  font-size: .9rem;
}
.site-footer-sidebar {
  border-bottom: none;
}
.site-footer .container.site-footer-content a {
    color:#efeeee;
    text-decoration: underline;
}
.site-footer .container.site-footer-content a:hover,
.site-footer .container.site-footer-content a:focus {
    color:#FFF;
    text-decoration: none;
}
/*Títulos dentro del footer en el foot-secundario*/
.site-footer .pkp_block .title {
    font-size: 17px;
    font-family: 'Fira Sans', sans-serif;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    background: #000;
    padding: .5rem;
    margin: 0 0 0 0;
    border-radius: 4px 4px 0 0;
} 
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-indexada-en{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
#customblock-indexada-en.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 80px;
    width: auto;
    margin: 0 auto 0rem auto;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    margin: 0 auto;
}
/*Estilo para subir la caja del contenido junto al head*/
.page-header {
  margin-bottom: 0rem !important;
  margin-top: 0;
  padding-top: 3rem;
}
.h5.homepage-issue-current{
    color: #666 !important;
    font-size: 18px;

}
.page-header h1, .h1.homepage-issue-identifier {
    color: #000 !important;
    margin-bottom: 0rem;
}
.homepage-issue-description .h2, .page-issue-description .h2{
    color: #333 !important;
    font-size: 22px;
}
.h6.homepage-issue-published{
    font-size: 16px;
    color: #a3a3a3 !important;
}
.page-header.page-issue-header .page-issue-date{
    font-size: 16px;
    color: #a3a3a3 !important;
    margin-top:.5rem;
}
.homepage-issue-galleys .h3, .page-issue-galleys .h3{
    color: #666 !important;
    font-size: 20px;
}
/*Estilo para ayudar a que las ligas no se salgan en los tamaños pequeños de los contenedores principales*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  word-wrap: break-word;
}
/**/
.form-group.form-group-username input.form-control, .form-group.form-group-password input.form-control{
    width: 100% !important;
}
/*Estilos dentro del artículo*/
h1.article-details-fulltitle{
    color: #787878 !important;
    font-weight: 400;
    word-wrap: break-word;
    margin-bottom:1rem
}
.article-details-issue-identifier.large-screen{
    margin-bottom: .5em;
}
.article-details-issue-identifier.large-screen a, .article-details-issue-section.small-screen a{
    text-decoration: underline;
    color: #333;
}
.article-details-issue-identifier.large-screen a:hover, .article-details-issue-section.small-screen a:hover{
    text-decoration: none;
    color: #787878;
}
.article-details-published{
    color: #333 !important;
    line-height: 1.3em;
}
.article-details-main .article-details-heading, .article-details-heading {
    color: #0f104a;
  }
.article-details-block.article-details-references h2.article-details-heading{
  background: #FFF !important;
}
#articleMainWrapper .article-details-block h2.article-details-heading{
    display: block;
    color: #787878;
    text-transform: none;
    background: transparent;
    padding: 10px 9px;
    margin: 0rem 0 1rem 0;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: left;
    border-radius: inherit;
}
.article-details-block.article-details-references{
    padding: 0 0 1rem 0 !important;
  }
.article-details-block.article-details-references .article-details-heading {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    background: #a3a3a3;
    padding: 8px;
    margin: 0em 0rem .5rem 0rem;
    font-weight: 400;
    font-size: 1.1rem;
    text-align: left;
    border-radius: 3px 3px 0 0;
  }
/*Estilos para las referencias dentro de los artículos si es que fueran muy largos activando un scroll vertical*/
.article-details-main .article-details-block.article-details-references, .article-details-block.article-details-references{
    border: 1px solid #a3a3a3;
    padding: 1rem;
    background: #efeeee;
    border-radius: 4px;
    word-wrap: break-word;
    box-shadow: 0 0 4px #999;
}

.article-details-main .article-details-block.article-details-references .article-details-references-value, .article-details-block.article-details-references .article-details-references-value{
    padding: 1rem;
    overflow-y: auto;
    height: 400px;
    word-wrap: break-word;
}
/*Imagen dentro del artículo*/
.article-details-block.article-details-cover .img-fluid{
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    border: thin solid #ccc;
}
/*Para centrar la portada dentro del artículo*/
.article-details-cover {
  margin:0 auto;
}
/*Estilo para las palabras claves y Citas*/
.article-details-block.article-details-keywords, .article-details-block.article-details-how-to-cite, .article-details-block.article-details-galleys-supplementary, .article-details-sidebar #plumAnalyticsWidget, .article-details-block.article-details-dimensions,  .article-details-block.article-details-shareon{
    padding: .4rem;
    font-size: 16px;
    word-wrap: break-word;
    border-radius: 4px;
    background: #FFF;
    width: 90%;
    margin: 1.5rem auto;
    border: 1px solid #EEE;
}

.article-details-block.article-details-keywords h2.article-details-heading, .article-details-block.article-details-how-to-cite .article-details-heading, .article-details-block.article-details-galleys-supplementary .article-details-heading, .article-details-block.article-details-dimensions h2.article-details-heading, #article-details-sidebar .title, .article-details-block.article-details-shareon h2.article-details-heading{
    display: block;
    color: #FFF;
    text-transform: uppercase;
    background: #787878;
    padding: 5px;
    margin: -.25rem -.25rem .5rem -.25rem;
    font-weight: 400;
    font-family: 'PT Serif',serif;
    font-size: 1.1rem;
    text-align: left;
    border-radius: 4px 4px 0 0;
}
/*Cambio de color del subtítulo de Descargar cita en Cómo citar*/
.dropdown-header {
  color: #333;
}
.article-details-block.article-details-how-to-cite .dropdown-item {
    font-size: 14px !important;
    background: #FFF;
    color: #000;
    padding-left: 1em !important;

}
.article-details-block.article-details-how-to-cite .dropdown-item:hover, .article-details-block.article-details-how-to-cite .dropdown-item:focus {
    background: #787878 !important;
    border-color:#FFF !important;
    color: #FFF !important;
    font-size: 14px !important;
    padding-left: 1em !important;
}
.article-details-block.share-on{
    font-size: 14px !important;
    background: #FFF;
    color: #000;
    padding: .4rem;
    word-wrap: break-word;
    border-radius: 4px;
    width: 90%;
    margin: 1.5rem auto;
    border: 1px solid #EEE;
}
.article-details-block.share-on h2, .zone-PlumxAll h2{
    display: block;
    color: #FFF;
    text-transform: uppercase;
    background: #787878;
    padding: 5px;
    margin: -.25rem -.25rem .5rem -.25rem;
    font-weight: 400;
    font-size: 1.1rem;
    text-align: left;
    border-radius: 4px 4px 0 0;
}
.homepage-issue-description-wrapper {
    padding:3rem;
    background:#FFF;
    border: 4px double #efeeee;
    border-radius: 6px;
  }

.row.homepage-announcements{
    background: #FFFFFF;
    padding: 1rem;
}
.row.homepage-announcements .homepage-announcement{
    background: #efeeee;
    border-radius: 4px;
}
.homepage-announcement img {
  max-width: 50%;
    display: block;
    margin: 0 auto;
}
/*Estilo para la caja de Búsqueda en la sección*/
.search-filters {
    border: 1px solid rgba(15, 16, 74, .4);
    border-radius: 6px;
    margin: 2rem 0 0 0;
  }
.issue-toc-section-title {
    text-transform: uppercase;
    border:4px double #efeeee;
    color: #333 !important;
    padding:.5rem;
    border-radius:6px;
    font-weight: 400;
    background:#FFF;
}
/*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, .btn.btn-edit-link{
    padding:.4em 1em .2em 1em !important;
    border-radius:4px;
    border:1px solid #a3a3a3;
    font-family:'Fira Sans',sans-serif;
    font-size:16px;
    font-weight:normal;
    color:#000;
    text-decoration:none;
    cursor:pointer;
    background: #FFF;
}
.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, .btn.btn-edit-link:hover, .btn.btn-edit-link:focus, .btn.btn-edit-link:active{

    border-color:#CCC !important;
    color:#000 !important;
    text-decoration: none !important;
    font-weight: 400;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: 0;
    background: #EFEEEE;
    background: -webkit-linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    background: linear-gradient(180deg, rgba(239, 238, 238, 1) 0%, rgba(163, 163, 163, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EFEEEE", endColorstr="#A3A3A3", GradientType=0);
}
/*Para las alertas*/
.alert-primary{
    background-color: rgba(163, 163, 163, .4);
    border-color: #787878;
    border-radius: 4px;
    color:#FFF
}
.alert-primary a{
    color:#0f104a;
    text-decoration:underline;
    font-weight: 300;
   
}
.alert-primary a:hover,
.alert-primary a:focus,
.alert-primary a:active {
   color:#333;
   text-decoration:none;
}
/*Los input dentro de la sección de los resultados de la búsqueda*/
.search-filters .form-search  input.form-control {
    width: 100% !important;
    margin-right: 0rem;
    background: #fff !important;
  }
.search-filters .form-control-date {
    background:#FFF;
}
/*Para las portadas en Archivos, números anteriores*/
.issue-summary-cover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  border:thin solid #ccc;
}
/**/
 .page-issue-description-wrapper {
    padding:3rem;
    background:#FFF;
    border:4px double #efeeee;
    border-radius:6px;
  }
/**/
.page-issue-cover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  margin:2rem auto 0 auto;
}
/*Aquí inician las medias queries*/
@media (min-width:480px) {
/*Estilo para el fondo del head, la textura beige*/
.main-header {
    background:#efeeee;
}
/*Estilo para mover a todo el ancho el menú superior*/
.navbar {
    padding: 1.5rem 0rem 0rem 0rem !important;/*2rem 1rem .4rem 1rem !important*/
}
/*logos-small es el div padre y principal para los logos*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: none;
    display: block;
    float: none;
    margin:0 auto;
    width:75%;
    padding: 0rem 0rem 1rem 0rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos-small .logorev-issn-small{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev-issn-small .imagotipo-small {
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.logorev-issn-small .imagotipo-small img {
  width: auto;
  max-height: 130px !important;
}
.logos-small .logorev-issn-small .zone-issn {
    clear: both;
    float: left;
    display: block;
    margin:-1.8rem 0 0 9rem;
    width: 40%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logorev-issn-small .zone-issn p {
    margin-bottom: 0rem;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.logos-small .container-logosInstitu-small{
    clear: both;
    display: block;
    float: none;
    margin:2rem auto 0 auto;
    width: 100%;
}
.container-logosInstitu-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Escudo de la UNAM*/
.zone-university-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 1.9rem 0px 0rem;
    float: left;
}
.logo-svg-escudo-small {
    clear:none;
    display: block;
    width: 50px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university-small .logo-svg-escudo-small img{
    width: 100% !important;
    max-height: 85px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.5rem 0 0 0;
    float: right;
}

.logo-svg-posgrado-small {
    clear:none;
    display: block;
    width: 120px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad-small .logo-svg-posgrado-small img{
    width: 100% !important;
    max-height:35px;
} 
/*Logo de la FAD*/
.zone-fad-small{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.45rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}
.logo-svg-fad-small{
    clear:none;
    display: block;
    width: 140px;
    margin: 0 0 0 0rem;
}
.logo-svg-fad-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad-small .logo-svg-fad-small img{
    width: 100% !important;
    max-height: 38px;
} 
/*Menú hamburguesa*/
.navbar-light .navbar-toggler {
    background: rgba(255,255,255,0.6);
    margin: -18% 4% 2% 0%;
    border-color: rgba(120, 120, 120, .5);
}
.navbar-collapse {
    background: #000;
    margin-top: 0rem;
}

/*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;
     font-weight: 200;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
    background:transparent;
    color:#CCC !important;
    border-color:transparent;
    font-weight: 200;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 100%;
    padding: 0 inherit;
    clear: none;
    display: flex;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width:480px;
    background: #787878;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF !important;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: 200;
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#333 !important;
     background-color:#FFF !important;
     border:0px transparent;
 }

/*Estilo para el buscador dentro del menú superior*/
.navbar-form.navbar-left {
    width: auto;
    padding: 0 0 0 .8rem;
    margin: .5rem 0;
    float: none !important;
  }

.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
  width: 100%;
  float: left;
  margin: 0;

}
.navbar-form .form-group {
    width: 86%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
 input.form-control {
    width: 100%;
     margin-left:0;
  }	
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-indexada-en{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
/*Para centrar la imagen del slide del footer*/
#customblock-indexada-en.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 100px;
    width: auto;
    margin: 0 auto 0rem auto;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    margin: 0 auto;
}
}


/*Aquí inician la media querie a partir de 768px para arriba*/
@media (min-width: 768px) {
/*Estilo para el fondo del head, la textura beige*/
.main-header {
    background:#efeeee;
}
/*Estilo para mover a todo el ancho el menú superior*/
.navbar {
    padding: 1.5rem 0rem 0rem 0rem !important;/*2rem 1rem .4rem 1rem !important*/
}
/*logos-small es el div padre y principal para los logos*/
.navbar.navbar-expand-lg.navbar-light .logos-small{
    clear: none;
    display: block;
    float: none;
    margin:0 auto;
    width:85%;
    padding: 0rem 0rem 1rem 0rem;
}
.logos-small:after{
    content: "."; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos-small .logorev-issn-small{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.logos-small .logorev-issn-small .imagotipo-small {
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
.logorev-issn-small .imagotipo-small img {
  width: auto;
  max-height: 130px !important;
}
.logos-small .logorev-issn-small .zone-issn {
    clear: both;
    float: left;
    display: block;
    margin:-1.8rem 0 0 17.8rem;
    width: 40%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.logorev-issn-small .zone-issn p {
    margin-bottom: 0rem;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.logos-small .container-logosInstitu-small{
    clear: both;
    display: block;
    float: none;
    margin:2rem auto 0 auto;
    width:69%;
}
.container-logosInstitu-small:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Escudo de la UNAM*/
.zone-university-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 3rem 0px 0rem;
    float: left;
}
.logo-svg-escudo-small {
    clear:none;
    display: block;
    width: 58px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university-small .logo-svg-escudo-small img{
    width: 100% !important;
    max-height: 85px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad-small{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.1rem 0 0 0;
    float: right;
}

.logo-svg-posgrado-small {
    clear:none;
    display: block;
    width: 136px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad-small .logo-svg-posgrado-small img{
    width: 100% !important;
    max-height: 50px;
} 
/*Logo de la FAD*/
.zone-fad-small{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.4rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}
.logo-svg-fad-small{
    clear:none;
    display: block;
    width: 160px;
    margin: 0 0 0 0rem;
    
}
.logo-svg-fad-small:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad-small .logo-svg-fad-small img{
    width: 100% !important;
    max-height: 45px;
} 
/*Menú hamburguesa*/
.navbar-light .navbar-toggler {
    background: rgba(255,255,255,0.6);
    margin: -18% 4% 2% 0%;
    border-color: rgba(120, 120, 120, .5);
}
.navbar-collapse {
    background: #000;
    margin-top: 0rem;
}

/*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;
     font-weight: 200;
 }
 #primaryNav .nav-link:hover,
 #primaryNav .nav-link:focus {
    background:transparent;
    color:#CCC !important;
    border-color:transparent;
    font-weight: 200;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 100%;
    padding: 0 inherit;
    clear: none;
    display: flex;
}
/*Estilos para dar cambio al submenú en la sección Acerca de*/ 
#primaryNav .dropdown-menu.show {
    min-width:480px;
    background: #787878;
 }
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF !important;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: 200;
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#333 !important;
     background-color:#FFF !important;
     border:0px transparent;
 }

/*Estilo para el buscador dentro del menú superior*/
 .navbar-form {
    width: auto;
    padding: 0 0 0 .8rem;
  }
.navbar-left {
    margin: .5rem 0;
    float: none !important;
  }

.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
  width: 100%;
  float: left;
  margin: 0;

}
.navbar-form .form-group {
    width: 80%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
 input.form-control {
    width: 100%;
     margin-left:0;
  }
/*Para el contendor de la tabla de contenido y el artículo y otros*/
 .container, .container-md, .container-sm {
    max-width: 100%;
  }
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-indexada-en{
    background: transparent;
    color: #000;
    border-radius: 4px;
}

#customblock-indexada-en.pkp_block.block_custom .slick-initialized.slick-slider img{
	  max-height: 100px;
      width: auto;
      margin: 0rem 0 0 0;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    margin: 0;
}
/*Estilo para el contenedor del contenido dentro del artículo*/
.article-details{
    background: #FFFFFF;
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EDEDED", GradientType=0);
    padding: 0 15px;
    box-shadow: 0 0 4px #CCC;
}
}


/*Aquí inician la media querie a partir de 992px para arriba*/
@media (min-width: 992px) {
/*Estilos para el menú del usuario*/
#userNav .nav-link {
    color: #000;
    border: 0px solid transparent;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: none;
    background: #FFF;
}
#userNav .nav-link:hover, #userNav .nav-link:focus {
    font-size: 14px !important;
    color: #000 !important;
    outline:0;
    border-color:#FFF;
    border:none;
    background: rgba(250, 250, 250, .6);
 }
/*Estilos para el menú del lengüaje*/
.language-toggle .dropdown-toggle {
    color: #000;
    border: 0px solid transparent;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.5em;
    text-transform: none;
    background: #FFF;
}
.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(250, 250, 250, .6);
 }
/*Estilo para modificar el número de pendientes en el usuario*/
.badge-light {
  background: #666;
  color: #FFF;
}
/*Estilos para submenú de usuario e idioma*/
#userNav .dropdown-menu, .language-toggle .dropdown-menu {
    padding: 0em;
}
#userNav .dropdown-item, .language-toggle .dropdown-item {
    color: #333;
  }
#userNav .dropdown-item:hover, #userNav .dropdown-item:focus {
  background: #787878 !important;
  border-color:#FFF !important;
  color: #FFF !important;
}
.dropdown-menu {
  background: #FFF !important;
}
/*Estilo para el fondo del head, la textura beige*/
.main-header {
    background: #efeeee;
}
.main-header .container {
    padding:  2rem 1rem .6rem 1rem;
}
/*Estilo para mover a todo el ancho el menú superior*/
.navbar {
    padding: 0rem 0rem 0rem 0rem !important;
}
/*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;
}

/*Aquí terminan los estilos para usuario e idioma*/
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  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: 1rem auto 0rem auto;
    padding: 1rem 0 0 0;
    max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos .logorev-issn{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev-issn .imagotipo{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logorev-issn .imagotipo img {
  width: auto;
  max-height: 126px !important;
}
.logos .logorev-issn .zone-issn {
    clear: both;
    float: right;
    display: block;
    margin:-1.8rem 0 0 0;
    width: 60%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-issn p {
    margin-bottom: 0rem !important;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.navbar-logo .logos .container-logosInstitu{
    clear: none;
    display: block;
    float: right;
    margin: 2.1rem 0% 0% 0%;
    width: 45.5%;
}
/*Escudo de la UNAM*/
.zone-university{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 2rem 0px 0rem;
    float: left;
}
.logo-svg-escudo {
    clear:none;
    display: block;
    width: 58px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university .logo-svg-escudo img{
    width: 100% !important;
    max-height: 85px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.4rem 0 0 0;
    float: right;
}

.logo-svg-posgrado {
    clear:none;
    display: block;
    width: 135px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad .logo-svg-posgrado img{
    width: 100% !important;
    max-height: 58px;
} 
/*Logo de la FAD*/
.zone-fad{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.4rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}
.logo-svg-fad {
    clear:none;
    display: block;
    width: 160px;
    margin: 0 0 0 0rem;
}
.logo-svg-fad:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad .logo-svg-fad img{
    width: 100% !important;
    max-height: 51px;
}  

/*Menú superior*/
.navbar-expand-lg .navbar-collapse{
    background: #000;
    display: block !important;        
}
/*Para subir el menú y que no replique el espacio que hay en el menú hamburguesa a los tomaños más grandes*/
.navbar-collapse {
  margin-top: 0rem;
}
/*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;
     font-weight: 200;
 }
#primaryNav .nav-link:hover,
#primaryNav .nav-link:focus {
    background:transparent;
    color:#CCC !important;
    border-color:transparent;
    font-weight: 200;
 }
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 90%;
    padding: 0 .5rem !important;
    clear: none;
    display: flex;
}
/*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%;
     left: unset;
     width:auto;
     min-width: auto;
     margin:0 0 0 0;
     padding:0rem 0rem;
     background-color:#787878 !important;
     border-radius:0;
     box-shadow: 0 0 4px #CCC;      
 }
    
 #primaryNav .dropdown-item {
     font-size:14px;
     color:#FFF !important;
     text-align:left;
     width:initial;
     border:0px transparent;
     font-weight: 400;
 }
 #primaryNav .dropdown-item:focus,
 #primaryNav .dropdown-item:hover {
     color:#333 !important;
     background:#FFF !important;
     border:0px transparent;
     font-weight: 400;
 }
/*Estilo para el buscador dentro del menú superior*/
 .navbar-form {
    width: auto;
    padding: 0 0 0 .8rem;
  }
.navbar-left {
    margin: inherit;
    float: none !important;
  }
.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
  width: 37%;
  float: right;
  margin: 0rem 0 .2rem 0;

}
.navbar-form .form-group {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
/* input.form-control {
    width: 100%;
  }*/
/*Estilo para el buscador dentro de la zona del menú superior*/
.navbar.navbar-expand-lg.navbar-light .pull-md-right {
  width: auto;
  float: right;
  margin: 0px 0 4px 0;
}
input.form-control {
    width:290px !important;
    margin-right: 0rem;
  } 
/*La caja del contenido*/
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-indexada-en{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
#customblock-indexada-en.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 105px;
	width: auto;
	margin: 0 auto;
}
.homepage-issue-description::after {
    background-image: none;
  }
.homepage-issue-cover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  }
/*Para quitar el color dentro del contenido del artículo*/
.article-details-main {
    background:transparent;
  }
/*Los input dentro de la sección de los resultados de la búsqueda*/
.search-filters .form-search  input.form-control {
    width: 100% !important;
    margin-right: 0rem;
    background: #fff !important;
  }
.search-filters .form-control-date {
    background:#FFF;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius:0 0 4px 4px;
    padding: 20px 10px 10px 10px;
    margin: 0;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    border-color:#000;
    color:#FFF;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
    background: #000000;
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);   
}
.btn-primary:hover,
.btn-primary:focus{
    border-color:#000 !important;
    color:#FFF !important;
    font-weight: 400;    
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom:.5rem;
    background: #787878 !important;
}
/**/
.page-issue-cover {
    margin:auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
  }
}

/*Aquí inician la media querie a partir de 1200px para arriba*/
@media (min-width: 1200px) {
/*Estilo para el fondo del head*/
.main-header {
    background: #efeeee;
}
.main-header .container {
    padding:  2rem 1rem .6rem 1rem;
}
/*Aquí terminan los estilos para usuario e idioma*/
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  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: 1.5rem auto 0rem auto;
    padding: 1rem 0 0 0;
    max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos .logorev-issn{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev-issn .imagotipo{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logorev-issn .imagotipo img {
  width: auto;
  max-height: 150px !important;
}
.logos .logorev-issn .zone-issn {
    clear: both;
    float: right;
    display: block;
    margin:-2.3rem 0 0 0;
    width: 60%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-issn p {
    margin-bottom: 0rem !important;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.navbar-logo .logos .container-logosInstitu{
    clear: none;
    display: block;
    float: right;
    margin: 2.2rem 0% 0% 0%;
    width:46.2%;
}
/*Escudo de la UNAM*/
.zone-university{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 3rem 0px 0rem;
    float: left;
}
.logo-svg-escudo {
    clear:none;
    display: block;
    width: 62px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university .logo-svg-escudo img{
    width: 100% !important;
    max-height: 85px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.3rem 0 0 0;
    float: right;
}

.logo-svg-posgrado {
    clear:none;
    display: block;
    width: 160px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad .logo-svg-posgrado img{
    width: 100% !important;
    max-height: 55px;
} 
/*Logo de la FAD*/
.zone-fad{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.32rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}
.logo-svg-fad {
    clear:none;
    display: block;
    width: 200px;
    margin: 0 0 0 0rem;
}
.logo-svg-fad:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad .logo-svg-fad img{
    width: 100% !important;
    max-height: 56px;
}  
/*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;
}
/*Menú superior, tenía: display: flex*/
.navbar-expand-lg .navbar-collapse{
    background: #000;
    display: block !important;
}
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 96%;
    padding:0 .5rem !important;
    clear: none;
    display: flex !important;
}
/*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%;
    left: unset;
    width: auto;
    min-width: auto;
    margin: 0 0 0 0rem;
    padding:0rem 0rem;
    background-color:#787878 !important;
    border-radius:0;
    box-shadow: 0 0 4px #CCC;      
 }
/*Estilo para el buscador dentro del menú superio, tenía: width: auto float:auto*/
 .navbar-form.navbar-left {
    width: 100%;
    padding: 0 0 0 .8rem;
    margin: inherit;
    float: right!important;
  }
/*Tenía:  width:25% y float: left y margin-bottom:0*/
.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
  width:40%;
  float: right;
  margin: 0 .5rem .2rem 0;

}
.navbar-form .form-group {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
/*Estilo para el buscador dentro de la zona del menú superior*/
.navbar.navbar-expand-lg.navbar-light .pull-md-right {
  width: auto;
  float: right;
  margin: 0px 0 4px 0;
}
/*Tenía  width: 190px*/
input.form-control {
    width: 400px !important;
    margin-left:0;
  }
/*Para la caja del contenido general*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
/*Estilos para los índices dentro del footer, mini-carrusel*/
.site-footer #customblock-indexada-en{
    background: transparent;
    color: #000;
    border-radius: 4px;
}
#customblock-indexada-en.pkp_block.block_custom .slick-initialized.slick-slider img{
	max-height: 120px;
	width: auto;
	margin: 0 auto;
}
/*Estilos para el contenedor de los Keywords en el footer secundario*/
.site-footer .pkp_block.block_Keywordcloud .content{
    display: block;
    background: #FFF !important;
    border-radius: 0 0 4px 4px;
    padding: 10px;
    margin: 0;
}
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    border-color:#000;
    color:#FFF;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
    background: #000000;
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);   
}
.btn-primary:hover,
.btn-primary:focus{
    border-color:#000 !important;
    color:#FFF !important;
    font-weight: 400;    
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom:.5rem;
    background: #787878 !important;
}
}

/*Podría ser que se use este tamaño*/
@media (min-width:1920px) {
/*Estilo para el fondo del head*/
.main-header {
    background: #efeeee;
}
.main-header .container {
    padding: 2rem 1rem 1rem 1rem;
}
/*Aquí terminan los estilos para usuario e idioma*/
.navbar-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  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: 2rem auto 0rem auto;
    padding: 1rem 0 0 0;
    max-width: 100%;
}
.logos:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
/*Estilo para el div que contiene al logo de la revista*/
.navbar-logo .logos .logorev-issn{
    clear: none;
    float: left;
    display: block;
    margin:0 0 0 0;
    width: auto;
}
.logorev-issn:after{
  content: "."; 
  display:block;
  clear:both;
  visibility:hidden;
  height:1px;
}
.navbar-logo .logos .logorev-issn .imagotipo{
    clear: none;
    float: left;
    display: block;
    margin-left: 0;
    margin-top: 0;
    width: auto;
}
.logorev-issn .imagotipo img {
  width: auto;
  max-height: 160px !important;
}
.logos .logorev-issn .zone-issn {
    clear: both;
    float: right;
    display: block;
    margin:-2.3rem 0 0 0;
    width: 60%;
    text-align: left;
}
.zone-issn:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-issn p {
    margin-bottom: 0rem !important;
    color:#787878;/*#666*/
    font-family: "Saira", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
/*Aquí inicia el segundo contenedor, segunda columna de logos del head,*/
.navbar-logo .logos .container-logosInstitu{
    clear: none;
    display: block;
    float: right;
    margin: 2.4rem 0% 0% 0%;
    width: 38%;
}
/*Escudo de la UNAM*/
.zone-university{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:0px 3rem 0px 0rem;
    float: left;
}
.logo-svg-escudo {
    clear:none;
    display: block;
    width: 80px;
    margin: 0 0 0 0rem;
}
.logo-svg-escudo:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-university .logo-svg-escudo img{
    width: 100% !important;
    max-height: 75px;
} 
/*Logo de Posgrado, artes y diseño*/
.zone-posgrado-ad{
    display: block;
    box-sizing: border-box;
    width: auto;
    margin:.55rem 0 0 0;
    float: right;
}

.logo-svg-posgrado {
    clear:none;
    display: block;
    width: 200px;
    margin: 0 0 0 0rem;
}
.logo-svg-posgrado:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-posgrado-ad .logo-svg-posgrado img{
    width: 100% !important;
    max-height: 60px;
} 
/*Logo de la FAD*/
.zone-fad{
    display:block;
    box-sizing: border-box;
    width: auto;
    margin:.5rem 0 0 0;
    float: left;
    border-right:2px solid #000;
    border-left:2px solid #000;
}

.logo-svg-fad {
    clear:none;
    display: block;
    width: 200px;
    margin: 0 0 0 0rem;
}
.logo-svg-fad:after{
    content: ""; 
    display:block;
    clear:both;
    visibility:hidden;
    height:1px;
}
.zone-fad .logo-svg-fad img{
    width: 100% !important;
    max-height: 60px;
}      
 /*Menú superior*/
.navbar-expand-lg .navbar-collapse{
    background: #000;   
    display: flex !important;
}   
/*Estilos para mantener el ancho del menú más pequeño que su div padre*/
#primaryNav {
    width: 65%;
    padding: 0 !important;
    clear: none;
    display: flex !important;
}
/*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;
    left: unset;
    width: auto;
    min-width: auto;
    margin: 0 0 0 0rem;
    padding: 0rem 0rem;
    background-color:#787878 !important;
    border-radius:0;
    box-shadow: 0 0 4px #0f104a;      
 }
/*Estilo para el buscador dentro del menú superior*/
 .navbar-form {
    width: auto;
    padding: 0 0 0 .8rem;
  }
.navbar-left {
    margin: inherit;
    float: none !important;
  }

.navbar.navbar-expand-lg.navbar-light .navbar-collapse  .pull-md-right {
    width: auto;
    float: left;
    margin: 0;

}
.navbar-form .form-group {
    width: auto;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    border-color: #a3a3a3;
  }

/*Estilo para el buscador dentro de la zona del menú superior*/
.navbar.navbar-expand-lg.navbar-light .pull-md-right {
  width: auto;
  float: right;
  margin: 0px 0 4px 0;
}
input.form-control {
    width: 250px !important;
    margin-left:0;
    border-radius: 4px;
    border-color: #a3a3a3;
  }
/*Para la caja del contenido general*/
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1500px;
  }
/*Para el botón para el pdf dentro de la tabla de contenido*/
.btn-primary {
    border-color:#000;
    color:#FFF;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom: .5rem;
    background: #000000;
    background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: -o-linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 100%);   
}
.btn-primary:hover,
.btn-primary:focus{
    border-color:#000 !important;
    color:#FFF !important;
    font-weight: 400;    
    border-radius: 4px;
    padding: .4em 1em .2em 1em !important;
    margin-bottom:.5rem;
    background: #787878 !important;
}

}


/*
Pie oficial para los ojs 3

<p>Sitio implementado por el equipo de la <a href="https://revistas.unam.mx" target="_blank">Subdirección de Revistas Académicas y Publicaciones Digitales</a> de la <a href="http://www.publicaciones.unam.mx/" target="_blank">Dirección General de Publicaciones y Fomento Editorial</a> de la <a href="https://www.unam.mx/" target="_blank">UNAM</a> sobre la plataforma <a href="https://pkp.sfu.ca/tag/ojs3/" target="_blank">OJS3/PKP</a>.</p>

Pie en inglés

<p>Site implemented by the crew of the <a href="https://revistas.unam.mx" target="_blank">Subdirectorate of Academic Journals and Digital Publications</a> of the <a href="http://www.publicaciones.unam.mx/" target="_blank">General Directorate of Publications and Editorial</a> Promotion of the <a href="https://www.unam.mx/" target="_blank">UNAM</a> on the platform <a href="https://pkp.sfu.ca/tag/ojs3/" target="_blank">OJS3 / PKP</a>.</p>

*/