/**************ESTILOS GENERALES******************/
 
 .pkp_structure_main:before, .pkp_structure_main:after {
	 background: none;
 }
 
 .pkp_page_index .journals>ul>li {
	 margin: 0rem;
	 border-top: none;
	 max-height: 450px;
         padding: 1rem;
 }
 /* Estilos para la lista de diarios */
 .journal-list {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: start;
	 justify-content: center;
 }
 
 /* Estilos para cada elemento de la lista de diarios */
 .journal-list li {
	 width: 50%; /* Para mostrar en dos columnas */
	 padding: 10px;
	 box-sizing: border-box;
 }
 .pkp_page_index .journals .thumb+.body {
	 float: right;
	 width: 65%;
 }
 
 .pkp_structure_content, .pkp_structure_footer {
	 width: 90vw;
 }
 
 .pkp_structure_main {
	 width: 90vw;
 }
 .pkp_page_index .journals .thumb {
	 float: left;
	 height: 100%;
	 width: 35%;
	 padding-right: 1.43rem;
	 
 }
 .pkp_page_index .journals img {
	 display: flex;
	 height: 100%;
	 width: auto;
	 max-height: none;
	 box-shadow: 7px 8px 35px -8px rgba(0, 0, 0, 0.75);
 }
 .description{
	 text-align: justify;
 }
  
 .parrafo-limitado {
	 max-height: 240px; /* Establece la altura máxima del párrafo */
	 overflow: hidden;
	 text-overflow: ellipsis !important;
   }
 
 .view{
	 height: 30px !important;
 }
 .ver{
	 background: #d20f32;
	 border-radius: 2px;
	 color: #fff;
	 font-size: medium;
	 font-weight: bold;
	 padding: 5px;
	 text-decoration: none;
	 box-shadow: 7px 8px 35px -8px rgba(0, 0, 0, 0.75);
 }
 .ver:hover{
	 background: #00215e;
	 border-radius: 2px;
	 color: white;
	 font-size: medium;
	 font-weight: bold;
	 transition: all 400ms;
	 cursor: pointer;
 }
 .links{
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
 }
 .cmp_form input[type="text"]{
	 max-width: none;
 }

 .redes-sociales {
    position: fixed; /* Fija el div en la pantalla */
    top: 50%; /* Ajusta la posición verticalmente */
    right: 20px; /* Ajusta la posición horizontalmente */
    transform: translateY(-50%); /* Centra verticalmente el div */
    display: flex;
    flex-direction: column; /* Muestra los botones de redes sociales de forma vertical */
    z-index: 1000; /* Asegura que los botones estén por encima de otros elementos */
  }

  .boton-redondo {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #d20f338a;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .boton-redondo i {
    color: white;
    font-size: 24px;
  }
  .boton-redondo:hover {
    transform: scale(1.1); /* Hace el botón un poco más grande al pasar el cursor sobre él */
    opacity: 0.8; /* Reduce ligeramente la opacidad del botón */
  }

 
 /**************ESTILOS PANTALLAS SUPERIORES A 992PX******************/
 @media(min-width:998px) {
 
	 .pkp_head_wrapper {
		 padding: 0 !important;
		 width: 100% !important; }
	 
	 .pkp_site_name .is_img img {
		 display: block !important;
		 max-height: 100% !important;
		 max-width: 100% !important;
		 height: auto !important;
		 width: 100% !important; }
	 
	 .pkp_site_name .is_img {
		 display: inline; }
	 
	 .pkp_site_name .is_img img {
		 max-height: 100%; }
	 
	 .pkp_site_name_wrapper {
		 width: 100%;
		 padding: 0; }
	 
	 .pkp_site_name {
		 padding-top: 0;
		 padding-bottom: 0; }
 
	 .pkp_site_nav_menu .pkp_nav_list {
			 padding-left: 0;
			 margin-right: 5vw;
			 float: right;
 
		 }
		 .pkp_navigation_primary>li>a {
			 margin-left: -0.5em;
			 font-weight: bold;
		 }
 }
 /**************ETILOS PANTALLAS MENORES A 992PX******************/
 
 @media(max-width:992px) {

          .boton-redondo {
             width: 40px;
            height: 40px;}
         .pkp_page_index .journals>ul>li {
	        margin: 0rem;
	        border-top: none;
	        max-height: 630px;
	        display: flex;
	        flex-direction: column;
	        justify-items: center;
	        align-items: center;
         }

         .pkp_page_index .journals .thumb+.body {
	    float: none;
	    width: 100%;
            text-align:center;
	  }
         .redes-sociales {
    	     position: fixed;
             top: 50%;
             right: 5px;}
	 .pkp_site_name_wrapper {
		 width: 100%;
		 padding: 0;
		 height: 18vw;
	 }
	 
	 .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper {
		 position: relative;
		 padding-top: 0;
		 width: 100%;
	 }
	 .pkp_site_name .is_img img {
		 display: block;
		 max-height: 100%;
		 max-width: 100%;
		 width: auto;
		 height: auto;
	 }
	 .pkp_site_name .is_img {
		 display: inline-block;
		 margin-top: 0;
		 margin-bottom: 0.357rem;
		 padding: 0;
	 }
	 .has_site_logo .pkp_head_wrapper {
		 position: relative;
		 width: 100%;
		 margin: 0 auto;
		 padding-right: 0;
	 }
	 .pkp_site_name {
		 position: initial;
		 left: 2.857rem;
		 right: 0;
		 margin-top: 0;
		 margin-bottom: 0;
		 padding-left: 0;
		 text-align: left;
		 overflow: hidden;
		 text-overflow: ellipsis;
		 white-space: nowrap;
		 color: #fff;
		 font-size: .93rem;
	 }
	 .pkp_site_name .is_img {
		 display: inline-block;
		 margin-top: 0;
		 margin-bottom: 0;
		 padding: 0;
	 }
	 
	 .has_site_logo .pkp_head_wrapper {
		 position: relative;
		 width: 100%;
		 margin: 0 auto;
		 padding-right: 0rem;
	 }
	 .pkp_site_nav_toggle {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 2.857rem;
		 height: 2.857rem;
		 border: 0;
		 background: #00215e8d;
		 box-shadow: 1px 0 0 rgba(255,255,255,0.2), -1px 0 0 rgba(255,255,255,0.2);
		 z-index: 999;
	 }
	 .journal-list li {
		 width: 100%; /* En pantallas pequeñas, muestra en una sola columna */
	 }
	 .pkp_navigation_user a {
        color: #fdfdfd;
    }
    
    .pkp_navigation_user a:hover, .pkp_navigation_user a:focus {
        color: #eeeeee;
    }
 }
@media(max-width:650px) {
  .pkp_structure_main {
         width: 80vw;
 }

}

/**************FOOTER IMAGEN AL 100%******************/
.pkp_structure_footer_wrapper {
    padding: 0;
}
.pkp_structure_footer {
    width: 100%;
    max-width: none;
    padding: 0;
}
.pkp_footer_content {
    padding: 0;
    margin: 0;
}
.pkp_footer_content p {
    margin: 0;
    padding: 0;
}
.pkp_footer_content img {
    display: block;
    width: 100%;
    height: auto;
}
.pkp_brand_footer2 {
    display: none;
}

/**************FOOTER FONDO ROJO LA SALLE******************/
.pkp_structure_footer_wrapper {
    background: #d20f32;
}
.pkp_structure_footer {
    background: #d20f32;
}