/* --------------------------------------------------
   FUENTES GOOGLE
   -------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/* --------------------------------------------------
   ESTILOS GLOBALES
   -------------------------------------------------- */
body {
  background-color: #ffffff;
  color: #80868d;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #a18e8e;
}

/* --------------------------------------------------
   ENCABEZADO PRINCIPAL DE ARTÍCULOS
   -------------------------------------------------- */
body > div > div > main > div > article > header > h1 {
  text-align: center;
  font-size: 3rem;
}

/* --------------------------------------------------
   SECCIÓN "ABOUT" (DESCRIPCIÓN)
   -------------------------------------------------- */
.about_section.has_image.has_description .description p {
  text-align: justify;
}

/* --------------------------------------------------
   BARRA DE NAVEGACIÓN SUPERIOR (HEADER)
   -------------------------------------------------- */
/* #headerNavigationContainer {
  background-image: url("https://citein.psm.edu.ve/public/journals/1/banner.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
} */



#headerNavigationContainer > div:nth-child(2) > div > div > a {
  display: none;
}



 #headerNavigationContainer {
  width: 100%;
  height: 100%;
} 


#headerNavigationContainer > div:nth-child(1) {
background-image: url('https://citein.psm.edu.ve/public/journals/1/banner.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  /* Por defecto para pantallas grandes (PC) */
  height: 200px;
  background-size: auto; /* Cubre todo el contenedor sin deformar */
}






/* Se oculta el título textual del sitio (ya que se usa una imagen de banner) */
#headerNavigationContainer h1 a {
   display: none;
}

/* --------------------------------------------------
   MENÚ DE NAVEGACIÓN
   -------------------------------------------------- */
.navbar-nav {
  float: right;
}

.navbar-nav > li > a {
  float: right;
  margin: 0;
}

/* --------------------------------------------------
   BOTÓN DE BÚSQUEDA
   -------------------------------------------------- */
#nav-menu form button {
  /* background-image: linear-gradient(#0d3a03, #73b787 60%, #033a28);
  background-repeat: no-repeat; */


  
}

#nav-menu > div{
visibility: hidden;
}




.pkp_structure_content {

     margin-left: 20px;
    margin-right: 50px;
    width: 90%;
  
  }








/* --------------------------------------------------
   LISTADO DE ARTÍCULOS (HOME Y SECCIONES)
   -------------------------------------------------- */
#main-content .media-list h3 a,
#main-content .sections .media-list h3 a {
  color: #80868d;
  text-align: justify;
}

#main-content .media-list .btn-group a {
  background-image: linear-gradient(#06147b, #7395b7 60%, #13103e);
  background-repeat: no-repeat;
}

/* --------------------------------------------------
   RESUMEN (SUMMARY)
   -------------------------------------------------- */
#summary > div {
  text-align: justify;
}

/* --------------------------------------------------
   PÁGINA DE INICIO - IMAGEN
   -------------------------------------------------- */
.homepage-image {
  margin-top: 6rem;
  margin-bottom: 6rem;
  display: flex;
  justify-content: center;
}

/* --------------------------------------------------
   DESCRIPCIÓN GENERAL
   -------------------------------------------------- */
.description {
  text-align: justify;
}

/* --------------------------------------------------
   ENCABEZADOS DE PÁGINA (PAGE HEADER)
   -------------------------------------------------- */
.page-header small {
  font-size: 3rem !important;
  text-align: center;
  color: #13103e !important;
}



.page-header > h2 > small{
  padding-top: 40px;
}



/* --------------------------------------------------
   AUTORES (BIOS)
   -------------------------------------------------- */
.author-bios .panel-body h3 span {
  color: #80868d;
  text-align: justify;
  font-weight: bold;
}

.author-bios .panel-body p {
  color: #80868d;
  text-align: justify;
}

.author-bios .panel-body h3 {
  color: #ffffff;
  font-weight: bold;
  text-align: justify;
}

/* --------------------------------------------------
   LISTADOS (POR EJEMPLO, EN SECCIONES)
   -------------------------------------------------- */
body > div > div > main > div > ul > li > div > div > h3 > a {
  color: #b7b0b0;
}

/* --------------------------------------------------
   PIE DE PÁGINA (FOOTER)
   -------------------------------------------------- */
footer[role="contentinfo"] {
  background-image: linear-gradient(#06147b, #7395b7 60%, #13103e);
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  font-size: 2rem;
  padding: 1rem 0;
}

/* Logo en el footer: visible y alineado a la derecha */
footer[role="contentinfo"] .col-md-2 {
  text-align: right;
}

footer[role="contentinfo"] .col-md-2 img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  visibility: visible; /* Asegura que no esté oculto */
}

/* --------------------------------------------------
   BARRA LATERAL (BLOQUES PKP)
   -------------------------------------------------- */
#sidebar .pkp_block {
  background: #e3e9ef;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

#sidebar .pkp_block h2 {
  background-image: linear-gradient(#06147b, #7395b7 60%, #13103e);
  background-repeat: no-repeat;
  color: #ffffff; /* Se asume, aunque no estaba definido */
  padding: 10px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}

#sidebar .pkp_block ul li {
  background: #ffffff;
  border: 1px solid rgba(221, 212, 212, 0.6);
  margin: 0;
}

#sidebar .pkp_block ul li a {
  color: #b7b0b0;
  font-weight: bold;
}

/* --------------------------------------------------
   BLOQUE DE IDIOMAS (LANGUAGE)
   -------------------------------------------------- */
.block_language,
.block_information,
.block_browse {
  background: #e3e9ef;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* --------------------------------------------------
   ELEMENTOS DE LISTA GENÉRICOS
   -------------------------------------------------- */
.list-group-item,
.pkp_block ul li {
  background: #ffffff;
  color: #80868d;
  border: 1px solid rgba(221, 212, 212, 0.6);
}

/* --------------------------------------------------
   FECHA DE PUBLICACIÓN EN ARTÍCULO
   -------------------------------------------------- */
.date-published {
  color: #c8c8c8;
  background-color: #3e444c;
  border-color: rgba(0, 0, 0, 0.6);
}

/* --------------------------------------------------
   PALABRAS CLAVE (KEYWORDS)
   -------------------------------------------------- */
.keywords {
  background-color: #2e3338;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.keywords strong {
  color: #ffffff;
  font-weight: bold;
}

/* --------------------------------------------------
   ENCABEZADO DE MEDIA (MEDIA HEADING)
   -------------------------------------------------- */
.media-heading {
   text-align: justify;
  hyphens: auto;
  line-height: 2;
}

/* --------------------------------------------------
   BOTONES PRIMARIOS
   -------------------------------------------------- */
.btn-primary {
  background-image: linear-gradient(#06147b, #7395b7 60%, #13103e);
  background-repeat: no-repeat;
  border: none; /* Opcional, mejora apariencia */
  color: #ffffff;
}


.galley-link.btn.btn-primary.pdf {
  color: #ffffff !important;
}

/* --------------------------------------------------
   ENLACES DE CONTACTO
   -------------------------------------------------- */
.contact a {
  color: #b7b0b0;
  font-weight: bold;
}

.contact .name {
  font-size: 1.4em;
}

/* --------------------------------------------------
   ENLACES GENERALES EN EL CUERPO
   -------------------------------------------------- */
body > div > div > main > div > div > p > a {
  color: blue;
}

/* --------------------------------------------------
   TÍTULOS
   -------------------------------------------------- */
.title {
  color: #a18e8e;
}

/* --------------------------------------------------
   ENLACES DOI
   -------------------------------------------------- */
.doi a {
  color: #80868d;
  font-weight: bold;
}

/* --------------------------------------------------
   ENLACES EN LISTA DE MEDIOS (SECCIONES)
   -------------------------------------------------- */
#main-content .sections .media-list a {
  color: #80868d;
  font-weight: bold;
 
}

 .media-heading{
  padding-top: 35px;
 }



/* --------------------------------------------------
   MEDIA QUERIES (RESPONSIVE)
   -------------------------------------------------- */
@media (min-width: 600px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand,
  .header_view > .container .navbar-brand,
  .header_view > .container-fluid .navbar-brand {
    margin-left: -15px;
    height: 150px;
  }
}

@media (min-width: 601px) and (max-width: 1024px) {
  #headerNavigationContainer h1 a {
    height: 100px;
  }
}







/* Tablets (pantallas entre 768px y 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  #headerNavigationContainer > div:nth-child(1) {
    height: 150px; /* Altura reducida para tablets */
  }
}

/* Celulares (pantallas menores a 768px) */
@media (max-width: 767px) {
  #headerNavigationContainer > div:nth-child(1) {
    height: 90px; /* Altura más pequeña para móviles */
    background-size: cover; /* Opcional: para ver la imagen completa sin recortes */
    /* Si prefieres que cubra todo el ancho y se recorte, cambia a 'cover' */
  }




}