/* HEADER */
.pkp_structure_head {
    height: 100px;
}
/*Distancia de img fondo nav con menu*/
.pkp_site_nav_menu {
	margin-top: 90px;
}
.pkp_head_wrapper {
    padding-top: 0;
}
.has_site_logo .pkp_head_wrapper {
    width: 100%;
}
.pkp_site_name > a {
    padding-top: 0px;
    padding-bottom: 0px;
}
.pkp_site_name {
	display: none;
}
.pkp_site_name .is_img {
    display: inline-block;
    height: 100%;
    width: 90%;
}
.pkp_site_name .is_img img {
    display: none;
}
.pkp_structure_main::before, .pkp_structure_main::after {
    background: none;
}
.pkp_structure_head {
    border-bottom: 0px;
}
/* registro*/
.pkp_navigation_user {
    text-align: right;
    font-size: 11px;
    padding-right: 0;
    margin-right: 0;
}
.pkp_navigation_user > li > a {
	color: #5d606f;
}
.pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus {
    color: #babfd5;
	text-decoration: underline;
}

/* BANNER */
.mi_banner{
    width: 100%;
    background: #5d606f;
    height: auto;
	margin-bottom: -5px;
}
.mi_banner img {
	width: 100%;
	height: auto;
}
/* NAV */

.pkp_navigation_primary > li > a:focus {
    color: #000000;
}
.mi_menu {
    width: 100%;
    height: auto;
    min-height: 30px;
    display: inline-block;
    background: #5d606f;
}
.pkp_navigation_primary_row {
	width: 91%;
}	


.pkp_nav_list li { 
	line-height: 1.3 !important; 
}
.pkp_navigation_primary {
    display: inline-block;
    text-align: center;
    margin-left: 0;
    width: 70%;
}
.pkp_navigation_primary > li > a {
	padding: 10px 10px 8px;
	color: #231f20;
	font-size: 16px;
}
/* submenu principal */
ul.dropdown-menu {
    background: rgba(93,96,111,0.85) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
.dropdown-menu li a {
     color: #fff !important;
	background: transparent;
}
.dropdown-menu li a:hover {
     text-decoration: underline;
	background: #5d606f !important;
}
.pkp_navigation_primary .dropdown-menu a:hover {
    border-color: transparent;
}
.pkp_navigation_primary>li:last-child a {
	margin-right: unset;
}
/*Focus al hacer click en menú*/
.pkp_navigation_primary>li>a:focus {
    background: unset!important;
    color: unset!important;
}

/* buscador de nav*/
.pkp_navigation_search_wrapper {
	display: none;
}
/* .pkp_search {
    display: inline-block;
    float: right;
} */
/* .container-2 {
	width: auto;}
.container-2 .icon {
    margin-right: 12px;
    margin-top: 12px;
    color: #fff; line-height: 0;
}
.icon a, .icon a:hover {
    color: #5d606f;
}
.container-2 input#search {
    width: 5px;
    height: 40px;
    border: none;
    font-size: 12pt;
    float: right;
    color: #262626;
    padding-left: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}
[type="search"] {
    outline-offset: -2px;
} */

/***** FIN HEADER ******/




	/* Estilos generales del Body */

	a, a:hover {
		color: #7DC22B; 
		cursor: pointer; 
	}

a:hover {
	color: #7ec22ba8;
}

.pkp_structure_content {
	margin-top: 3rem;
}
    
    #resaltado {
		color: #7DC22B;
		font-style: italic;
	  }

.obj_galley_link {
	border: none;
	color: #000032;
	background: none;
}

.obj_galley_link.file { 
	display: none !important; 
}

.homepage_latest_preprints h2 {
	border-bottom: solid 1px #7DC22B;
	text-align: center;
    font-size: 25px;
    margin-bottom: 40px;
}

::selection {
    background-color: #7DC22B; /* Color de fondo de la selección */
    color: #ffffff; /* Color del texto seleccionado */
}

::-moz-selection {
    background-color: #7DC22B; /* Color de fondo de la selección */
    color: #ffffff; /* Color del texto seleccionado */
}

.obj_preprint_summary>.title a {
	color: #000000;
}

.obj_preprint_summary>.title a:hover {
	color: #000032;
}

/* Estilos visor PDF */

.header_view {
	background: #7DC22B;
}

.header_view a:hover {
	background: #6ca725 !important;
}

.header_view a {
	color: #7DC22B;
}

/*Estilo para aditional content*/

.alert-preprint {
	border: solid 1px #7DC22B;
	border-radius: 5px;
	display: flex;
    justify-content: center;
    align-items: center;
	padding-bottom: 15px !important;
	color: white;
    background-color: #000032;
	font-weight: 500;
}

.title-content {
	border-bottom: solid 1px #7DC22B;
	text-align: center;
}

.title-content h2 {
	margin-bottom: 0px !important;
}

.container-content {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
  }
  
  .column-content {
	width: 100%;
	padding:5px;
  }

  .additional_content {
	border-top: none !important;
}
  
  @media (min-width: 768px) {
	.column-content {
	  width: 50%;
	}
  }
  
  .left {
	order: 1;
  }
  
  .right {
	order: 2;
  }

/*Estilo input de form principal y categorías*/

.pkp_search input[type="text"] { 
	width: 700px;
	height: 50px;
	border-radius: 10px;
	border: solid 1px #7DC22B;
	margin-bottom: 10px;
}	

.archiveHeader_categories .categories_listing li a {
	color: #ffffff;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-color: #72c22b;
	text-decoration-thickness: 2px;
	transition: color 0.5s ease, text-decoration-color 0.5s ease;
}

.archiveHeader_categories .categories_listing li a:hover {
	color: #72c22b;
	text-decoration-color: white;
}

.archiveHeader_categories .categories_listing li {
	padding: 0px;
	border: none;
	text-align:center;
	line-height: 17px;
	background: unset!important;
}

.archiveHeader_categories .categories_listing {
	align-items: center;
}

.archiveHeader {
	background: none;
}

  /* Estilos barra de búsqueda en Index */

.cmp_button {
	background: #000032;
	color: #ffffff;
	border: 1px solid #7DC22B;
	padding: 0.25em 1em;
	font-family: 'Roboto', sans-serif;
}

.cmp_breadcrumbs a {
	color: #7DC22B;
}

/* Estilos página de artículos */

.item.categories li a {
	border: solid 1px;
	padding: 5px;
	list-style-type: none;
	background-color: #7DC22B;
	color: white;
	text-decoration: none;
    border-radius: 5px;
}

.item.categories li::marker {
    content: none;
}

.item.categories li {
	margin-bottom: 5px !important;
	font-size: 12px;
}

.item.categories .value li {
    display: inline-block; /* O 'inline', dependiendo de tus necesidades específicas */
    margin-right: 20px; /* Añade un margen a la derecha para separar los elementos */
}

.status {
    font-weight: 400;
	border-radius: 10px;
	font-weight: 400;
    border-radius: 10px; 
    padding: 3px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    color: white;
	font-family: 'Roboto', sans-serif;
}

.status.published {
    background-color: green;
}

.status.under-review {
	background-color: rgb(170, 0, 0);
}

.item.section_details a {
	color: black;
	text-decoration: none;
}

.cmp_notification {
	background: #000032;
	border-left: 0.357rem solid #7DC22B;
	color: white;
	border-radius: 0px 5px 5px 0px;
}

/* Estilos Anuncios */

.read_more {
	color: #7DC22B !important;
}

.read_more :hover {
	color: #7ec22ba8 !important;
}

.obj_announcement_summary h2 a {
	text-transform: uppercase;
	color: #000032;
}

.obj_announcement_full h1 {
	border-bottom: solid 1px #7DC22B;
}

/* Estilos login y register - search */

.page_search .submit button {
	background: #000032;
	color: #ffffff;
	border: 1px solid #7DC22B;
	font-family: 'Roboto', sans-serif;
}

.page_search .submit button::after {
	background: #000032;
	color: #ffffff;
	border: 1px solid #7DC22B;
}

.page_search .submit button:hover::after {
	background: #7DC22B;
	color: #000032;
	border: 1px solid #000032;
}

.page_search .submit button:focus::after {
	background: #7DC22B;
	color: #000032;
	border: 1px solid #000032;
}

.page_login .buttons button {
	background: #000032;
	color: #ffffff;
	border: 1px solid #7DC22B;
	padding: 0.25em 1em;
	font-family: 'Roboto', sans-serif;
}

.cmp_form .buttons button {
	background: #000032;
	color: #ffffff;
	border: 1px solid #7DC22B;
	padding: 0.25em 1em;
	font-family: 'Roboto', sans-serif;
}

 /* Formulario de contacto - Help FAQ - Feedback*/

#contact-form {
	max-width: 600px;
	margin: 0 auto;
  }
  
  form {
	display: grid;
	gap: 1rem;
  }
  
  label {
	font-weight: bold;
  }
  
  input,
  textarea {
	width: 100%;
	padding: 0.5rem;
	border-radius: 4px;
	border: 1px solid #ccc;
  }
  
  button {
	background-color: #7ec22b;
	color: white;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 4px;
	cursor: pointer;
  }
  
  button:hover {
	background-color: #7ec22ba8;
  }
  
  .faq {
	width: 100%;
  }

  .faq h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  }

  .answer {
	display: none;
  }  

  .question-title {
	cursor: pointer; /* Cambia el cursor a puntero */
	font-family: 'Roboto', sans-serif;
  }

  .question {
	border-bottom: solid 1px #7DC22B;
  }
  
  .arrow {
	margin-left: 5px; /* Ajusta el espacio entre el texto y la flecha */
  }  
  
  #feedback-btn {
	background-color: #72c22b !important;
	height: 100px !important;
	writing-mode: vertical-lr !important;
  }

  @media screen and (max-width: 768px) {
    #feedback-btn {
        writing-mode: vertical-lr !important;
    }
}

  #feedback-btn svg {
	display: none !important;
  }

  .feedback-btn-wrapper {
	top: 50%;
	margin: 0px !important;
  }

  .feedback-header {
	background-color: #72c22b !important;
  }

  #feedback-message:focus {
	border-color: #72c22b !important;
  }

  #feedback-submit {
	background-color: #72c22b !important;
  }

  /* Estilos básicos para las pestañas */
	  .tab {
		float: left; /* Hace que las pestañas estén una al lado de la otra */
		cursor: pointer;
		padding: 10px;
		margin-right: 2px; /* Espacio entre pestañas */
		border-radius: 2px;
	  }
  
	  .tab:hover {
		background-color: #00003211;
	  }
  
	  .tab.active:hover {
		background-color: #00003246;
	  }
  
	  .tab.active {
		border-bottom: 2px solid #000032;
	  }
	  
	  /* Limpia floats */
	  .clearfix::after {
		content: "";
		clear: both;
		display: table;
	  }
	  
	  /* Estilos para el contenido de las pestañas */
	  .tabcontent {
		display: none;
		padding: 20px;
		padding-top: 50px;
		border-top: none;
		opacity: 0;
		transition: opacity 0.5s;
		font-family: 'Roboto', sans-serif;
	  }

	 .tabcontent > h3 {
		font-size: 20px;
		text-align: left;
	}
	
	.tabcontent > h4 {
		font-size: 18px;
		font-weight:400;
	}

	  .tabcontent a {
		color: #7DC22B;
	}

	.tabcontent a:hover {
		color: #7ec22ba8;
	}
	
	/*Permite que los links largos sean divididos*/
	a {
		word-wrap: break-word;
		overflow-wrap: anywhere;
	}
	  
	  /* Estilos para dispositivos móviles */
	  @media screen and (max-width: 600px) {
		.tab {
		  float: none; /* Las pestañas no flotan en móviles, se apilan */
		  display: block; /* Hace que las pestañas ocupen el ancho completo */
		}
	  }

	  /* Estilos Footer - Formulario de suscripción - SubmitButton*/

.indicates-required {
	display: none;
}

.clear {
	padding-top: 10px;
}

#SubmitButton {
	display: inline-block;
	background-color: #7dc22b00;
	color: #7dc22b;
	padding: 5px;
	border: solid 2px #7dc22b;
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	text-align: center;
}

#mc-embedded-subscribe {
	width: auto;
}

/********* COMIENZAN ESTILOS GGS **********/ 
body {
	font-family: 'Roboto', sans-serif;
}

/*CUADRO BUSCAR Y CATEGORIAS*/
.pkp_structure_content .pkp_structure_main .page_index_server .archiveHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.archiveHeader {
    background-image: url(../images/banner.jpg);
    /* background-size: 100% auto;*/
    background-size: cover;
    background-position: center;
    position: relative;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    width: 100vw;
	padding: 5rem 0;
}

/* Overlay oscuro */
section.archiveHeader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Controla la oscuridad aquí con el último valor (0.5) */
    z-index: 1;
}

.archiveHeader_search {
    z-index: 2;
}

.archiveHeader_categories {
    z-index: 2;
}

/* Créditos foto de banner */

section.archiveHeader::after {
    content: "Photo by Leon Overweel on Unsplash";
    position: absolute;
    bottom: 10px; 
    right: 10px;
    width: 100%;
    text-align: right;
    color: #ffffffa6; 
    font-size: 9px;
    z-index: 1;
}

/********* FOOTER  **********/ 
footer{
	color: #fffbfa;
	background-color: #231f20;
	padding-top: 1rem;
}
footer h4{
	color: #7dc22b;
}
footer a {
	color: #7DC22B;
}
footer a:hover {
	color: #7ec22ba8;
}
.logo-footer a{
	margin: 0 .7rem;
}
.logo-footer a img {
	width: 80%;
	margin-top: 1.5rem;
}
.contenedor-bottom-footer{
	display: flex;
    flex-wrap: wrap;
}
.seccion1-footer, .seccion2-footer, .seccion3-footer, .seccion4-footer, .seccion5-footer, .seccion6-footer{
	flex: 1 0 0%;
	padding: 0 1rem;
}
.seccion3-footer div{
	display: block;
	margin-bottom: 1rem;
	border-bottom: 1px solid #232e84;
	padding-bottom: .5rem;
}
.seccion3-footer div a{
	text-decoration: none;
	color: unset;
}
.seccion3-footer div a:hover{
	color: #a3a09f;
}
.seccion6-footer {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items: center;
}
.seccion6-footer div{
	margin-right: 2rem;
}
.seccion6-footer div a{
	text-decoration: none;
	color: #fffbfa;
}
.seccion6-footer div a:hover{
	color: #a3a09f;
}
#seccion-bottom{
	background-color: #2d2d2d;
	padding-top: 2rem;
}

	/*Footer que viene por defecto*/
.pkp_brand_footer {
    display: none;
}
.pkp_footer_content {
    padding: unset;
}
.pkp_structure_footer {
    width: 100%!important;
	padding-left: unset;
	padding-right: unset;
}
/******** FIN FOOTER **********/ 


@media (min-width: 992px) {
    /* NAV */
    .pkp_navigation_user > li > a {
        color: #ffffff;
    }    
    /*Link entrar y registrarse*/
    .pkp_navigation_user_wrapper {
        /* left: unset!important;
        right: 0!important; */
        top: -80px!important;
        position: absolute!important;
        transform: translateX(-50%)!important;
        padding-left: .714rem!important;
        padding-right: .714rem!important;
        text-align: right!important;
        padding-top: 0!important;
        margin-top: 0!important;
        border-top: none!important;
        z-index: 1000!important;
    }
    
    /*Menú con evento js*/
    .pkp_site_nav_menu {
        box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)!important;
        position: fixed;
        left: 0;
        width: 100%;
        padding: 10px;
        transition: top 0.3s ease-in-out;
    }
}

@media (max-width: 992px) {
    /* BANNER NAV */
    .pkp_structure_head {
        background: center / cover no-repeat url("../images/nav-577-982.jpg");
    }
	/*Distancia menú que se abre*/
	.pkp_site_nav_menu {
		margin-top: 60px;
	}
    /*ICONO MENU*/
    .pkp_site_nav_toggle {
        top: 30px;
        right: 15px;
        z-index: 9999;
        left: unset;
    }

    .pkp_site_nav_toggle>span:before, .pkp_site_nav_toggle>span:after {
        background: rgb(255 255 255 / 84%);
    }
    
    .pkp_site_nav_toggle>span {
        border-bottom: 3px solid rgb(255 255 255 / 84%);
    }
    .pkp_site_nav_toggle--transform>span{
        border-bottom: unset;
    }

    /*menu open*/
    .pkp_navigation_primary_wrapper {
        text-align: center;
    }

    /*Estilos de Knowmad*/
    .pkp_site_nav_menu {
		text-align: center;
	}
	.pkp_site_nav_menu a {
		font-weight: 500;
		line-height: 20px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 9px;
		padding-bottom: 9px;
		width: 100%;		
	}
    .pkp_navigation_primary_row {
        width: 100%;
    }
    .pkp_navigation_user > li > a {
        text-align: center;
        font-size: 16px;
    }
    #navigationPrimary li ul li{
        font-size: 16px;
    }
	.alert-preprint {
		padding-left: 10px;
		padding-right: 5px;
	}
}

@media (min-width: 577px) {
	/* FOOTER */	
	footer{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#footer-superior{
		padding-bottom: 6rem;
	}
	#seccion-bottom{
		margin-top: 4rem;
	}
	#seccion-bottom {
		position: fixed;
		z-index: 1;
		bottom: 0px;
		left: 0px;
		right: 0px;
	}
	/* FIN FOOTER */
}

@media (max-width: 576px) {

	 /* BANNER NAV */
	 .pkp_structure_head {
		background: center / cover no-repeat url("../images/nav-movil.jpg");
	}

	/*CUADRO BUSCAR Y CATEGORIAS*/
	.pkp_structure_content .pkp_structure_main .page_index_server .archiveHeader_search .cmp_button{
		margin: 1rem 0;
	}
	.archiveHeader_categories .categories_listing {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	.archiveHeader_categories .categories_listing li{
		margin-top: 1rem;
	}

		/* FOOTER */
	.seccion1-footer, .seccion2-footer, .seccion3-footer, .seccion4-footer, .seccion5-footer{
		flex: 1 0 50%;
	}
	.seccion5-footer{
		padding: unset;
	}
	.seccion6-footer{
		width: 100%;
		padding: unset;
	}
	.seccion6-footer div {
		margin: 0 auto;
	}
	.seccion1-footer, .seccion2-footer, .seccion3-footer, .seccion4-footer{
		margin-bottom: 3rem;
	}
	#seccion-bottom .contenedor-bottom-footer {
		flex-direction: column;
		align-items: center;
		padding-bottom: 1rem;
	}
	.contenedor-footer {
		text-align: center;
	}

	/* FIN FOOTER */

	.pkp_search input[type="text"] { 
		width: 300px !important;
	}	

}

@media (max-width: 776px) { 

.pkp_search input[type="text"] { 
	width: 500px;
}	

}

 /* Estilo básico para el contenedor */
 .nombre {
    position: relative; /* Importante para el posicionamiento del tooltip */
    color: #000032;
    cursor: pointer;
    display: inline-block; /* Para permitir el cálculo de dimensiones */
	font-family: "Roboto", sans-serif;
  }
  
  /* Estilo para el tooltip personalizado */
  .nombre[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    background: #000032;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    bottom: auto;
	top: 100%;
    left: 50%; /* Centrado respecto al elemento */
    transform: translateX(-50%); /* Ajuste fino para centrar el tooltip */
    white-space: nowrap;
    z-index: 1000;
    margin-bottom: 5px; /* Espacio entre el tooltip y el elemento */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
  }
  
  /* Mostrar el tooltip cuando se hace hover/touch */
  .nombre[data-tooltip]:hover::after,
  .nombre[data-tooltip]:focus::after {
    opacity: 1;
    visibility: visible;
  }

  @media (max-width: 776px) {
	.nombre[data-tooltip]::after {
    left: 0%; /* Ajusta la posición a la izquierda */
    transform: translateX(0%); /* Elimina el centrado para evitar desbordamientos */
    bottom: auto; /* Opcional, dependiendo de la necesidad */
    top: 100%; /* Mover el tooltip debajo del elemento para evitar problemas de visualización */
    max-width: 75%; /* Limita el ancho máximo del tooltip */
    white-space: normal; /* Permite que el texto se ajuste naturalmente dentro del tooltip */
    /* Ajusta el padding o el margin si es necesario para asegurar la visibilidad completa dentro de la pantalla */
  }
}

/* ESTILOS ADICIONALES */

/* Home */

.cmp_preprint_list>li {
    margin-bottom: 0.143rem;
}

/* Redes Sociales en Página de Artí */

#social-sidebar {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
  background-color: #2d2d2d; /* Fondo oscuro para los botones */
}

#social-sidebar .social-icon {
  display: block;
  margin: 5px;
  color: white;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  width: 30px; /* Asegura un tamaño consistente */
  height: 30px; /* Asegura un tamaño consistente */
}

#social-sidebar .social-icon i {
  font-size: 20px; /* Tamaño del ícono */
}

/* preprint-detail tpl pagina de preprint tabla */

/* Estilos generales para las pestañas */
.preprint-details .tabs {
    width: 100%;
}
.preprint-details .tab-links {
    margin: 0;
    padding: 0;
    list-style: none;
}
.preprint-details .tab-links li {
    display: inline-block;
    margin-right: -4px;
    background: #f4f4f4;
    border: solid #555;
    border-width: 3px 1px 2px;
}
.preprint-details .tab-links a {
    padding: 9px 15px;
    display: inline-block;
    background: #f4f4f4;
    text-decoration: none;
    color: #555;
    cursor: pointer; /* Asegúrate de que el cursor es pointer solo en los enlaces */
}
.preprint-details .tab-links li.active a, .preprint-details .tab-links li a:hover {
    background: #fff;
    color: #4b4b4b;
}

/* Estilos específicos para el contenido de las pestañas */
.preprint-details .tab {
    display: none;
    background: #fff;
    padding: 15px;
    cursor: default; /* Esto asegura que el cursor sea por defecto en el contenido de la pestaña */

    /* Anula el `float: left` de la regla genérica `.tab` (ver más arriba), que
       está pensada para las SOLAPAS clicables de las páginas estáticas. Acá
       `.tab` son los PANELES de contenido: al heredar el float, el panel se
       encogía al ancho de su contenido (~178px en vez de los 559px del
       contenedor) y el gráfico de estadísticas quedaba diminuto. */
    float: none;
    width: 100%;
    box-sizing: border-box;
}
.preprint-details .tab.active {
    display: block;
    border-bottom: none;
}

/* Añade esto a tu CSS para anular cualquier hover effect en el contenido de las pestañas */
.preprint-details .tab {
    background: #fff; /* Define el color de fondo cuando no esté en hover */
}

.preprint-details .tab:hover {
    background: #fff; /* Mantiene el color de fondo constante, incluso en hover */
}

.preprint-details .downloads_chart {
    width: 90%; /* Ocupa todo el ancho disponible */
    min-height: 320px; /* Ajusta la altura mínima según sea necesario */
}

/* Media Queries para Escritorio */
@media (min-width: 768px) {
    .preprint-details .downloads_chart {
        width: 100%; /* 100% del contenedor en escritorio */
        height: 400px; /* Altura fija más grande para escritorio */
    }
}

/* Keywords tabla de contenido Home */

.obj_preprint_summary .keywords .keyword_links li {
    color: #ffffff;
    background: #72c22b;
}

/* Ajustes en icono de ROR */

.affiliation {
    position: relative;
    display: inline-block;
}

.affiliation svg {
    height: 14px;
}

.affiliation[data-tooltip]::after {
    content: attr(data-tooltip); /* Usa el contenido del atributo data-tooltip */
    visibility: hidden;
    width: 200px; /* Ajusta el ancho según sea necesario */
    background-color: #72c22b26;
    color: #000000;
    text-align: center;
    border-radius: 6px;
    border: solid 1px #72c22b;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 100%; /* Posicionar el tooltip a la derecha */
    margin-left: 10px; /* Espacio entre el SVG y el tooltip */
    transform: translateY(-50%); /* Centrar verticalmente el tooltip */
    font-size: 9px;
    line-height: 1.2;
}

.affiliation[data-tooltip]:hover::after {
    visibility: visible;
}

.affiliation svg:hover + ::after {
    visibility: visible;
}

/* Estilo en bloque disqus */

#disqus_thread {
    padding-right: 10px;
}

/********* banner a ocultar en seccion archivos  **********/ 
.page_issue_archive section.archiveHeader {
	display: none;
}

/********* columnas de articulos en 2 columnas  **********/ 
@media (min-width: 768px) {
	.page_issue_archive .cmp_preprint_list {
		column-count: 2;
		column-gap: 20px;
	}	
	.page_issue_archive .cmp_preprint_list li {
		break-inside: avoid;
	}
}

/********* Ver más PrePrins y bloque de cada artículo en Home  **********/ 
.homepage_latest_preprints > h2 > a {
    font-size: 0.6em; /* Cambia el tamaño del texto del enlace */
    margin-left: 10px; /* Espacio a la izquierda del enlace */
}

.obj_preprint_summary {
	background: #72c22b26;
	border-radius: 20px;
	padding: 20px;
	transition: background 0.9s ease;
}

.obj_preprint_summary:hover {
	background: #72c22b0f;
}

	/*TOOLTIP ROR (Desbordamiento en movil)*/
@media (max-width: 576px) {
	.affiliation[data-tooltip]::after {
		display: none;
	}
}

/* Estilos optimizados para el enlace a Internet Archive Scholar */
.scholar-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  background-color: #2C2C2C;
  color: white !important;
  border-radius: 4px;
  text-decoration: none !important;
  font-weight: 400; /* Peso normal */
  transition: all 0.2s ease;
  font-size: 0.75em; /* Texto más pequeño */
  line-height: 1.2;
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

.scholar-link:hover {
  background-color: #000000;
  text-decoration: none !important;
  color: white !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transform: translateY(-1px);
}

.scholar-link:focus {
  outline: 2px solid #4A90E2;
  outline-offset: 2px;
}

.scholar-link img {
  width: 14px; /* Ícono ligeramente más pequeño */
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
  position: relative;
  top: -1px; /* Alinear mejor con el texto */
}

/* Contenedor para el enlace debajo del título */
.scholar-link-container {
  margin-top: 8px;
  margin-bottom: 15px;
  text-align: left;
  clear: both; /* Asegura que no haya elementos flotantes a su alrededor */
  display: block; /* Garantiza que ocupe todo el ancho disponible */
  width: 100%; /* Ocupa todo el ancho */
}

/* Estilos para el ícono de información */
.scholar-info-link {
  display: inline-flex;
  margin-left: 8px;
  text-decoration: none !important;
}

.scholar-info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #72c22b;
  color: white !important;
  border-radius: 50%;
  font-size: 0.7em;
  font-weight: bold;
  font-style: italic;
  text-decoration: none !important;
  transition: all 0.2s ease;
  vertical-align: middle; /* <- esto alinea con el botón */
}


.scholar-info-link:hover .scholar-info-icon {
  background-color: #000000;
  transform: scale(1.1);
}
/* ============================================================
   Pop-up promocional
   Antes en pop-up/style.css. El markup lo inyecta el theme en el
   footer y el contenido se edita desde Apariencia → opciones.
   ============================================================ */

.popup-oculto {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.popup-contenido {
	position: relative;
	background-color: #000000e3;
	margin: 15% auto;
	padding: 70px 40px;
	width: 80%;
	max-width: 600px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: white;
	border: solid 2px #7DC22B;
	border-radius: 10px;
}

.popup-contenido img {
	width: 12%;
}

.realce {
	color: #7DC22B;
}

.popup-cerrar {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	background: none;
	border: none;
	color: inherit;
	padding: 0;
}

.popup-cerrar:hover {
	background: none;
}

@media (max-width: 768px) {
	.popup-contenido {
		padding: 50px 20px;
		width: 90%;
		margin-top: 10%;
	}

	.popup-cerrar {
		font-size: 25px;
		right: 15px;
		top: 5px;
	}
}

@media (max-width: 480px) {
	.popup-contenido {
		padding: 30px 15px;
		margin-top: 20%;
	}

	.popup-cerrar {
		font-size: 20px;
	}
}

/* ============================================================
   Home: pestañas Popular / Recent
   Antes inline en templates/frontend/pages/indexServer.tpl.
   Los datos los provee el plugin genérico mostReadPreprints.
   ============================================================ */

.homepage_preprints_tabs {
	margin: 2.5rem 0;
	font-family: 'Roboto', sans-serif;
}

.homepage_preprints_tabs .mrp_tabs_header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px solid #e5e7eb;
	margin-bottom: 1.75rem;
}

.homepage_preprints_tabs .mrp_tabs {
	display: flex;
	gap: 1.75rem;
}

.homepage_preprints_tabs .mrp_tab {
	background: none;
	border: none;
	padding: 0.75rem 0.25rem;
	font-family: inherit;
	font-size: 16px;
	color: #5d606f;
	cursor: pointer;
	border-bottom: 3px solid transparent;
	margin-bottom: -1px;
	transition: color .2s, border-color .2s;
}

.homepage_preprints_tabs .mrp_tab:hover {
	color: #000032;
}

.homepage_preprints_tabs .mrp_tab.is-active {
	color: #000032;
	border-bottom-color: #7DC22B;
	font-weight: 500;
}

.homepage_preprints_tabs .mrp_see_more {
	color: #7DC22B;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 0.85rem;
}

.homepage_preprints_tabs .mrp_see_more:hover {
	color: #6ca725;
}

.homepage_preprints_tabs .mrp_panel {
	display: none;
}

.homepage_preprints_tabs .mrp_panel.is-active {
	display: block;
}

.homepage_preprints_tabs .mrp_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.75rem 2rem;
}

.homepage_preprints_tabs .mrp_card {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding-top: 1rem;
	border-top: 1px solid #f0f0f0;
}

.homepage_preprints_tabs .mrp_card__chip {
	display: inline-block;
	background: #f3f4f6;
	color: #374151;
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 4px;
	align-self: flex-start;
}

.homepage_preprints_tabs .mrp_card__title {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	margin: 0;
}

.homepage_preprints_tabs .mrp_card__title a {
	color: #000000;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.homepage_preprints_tabs .mrp_card__title a:hover {
	color: #7DC22B;
}

.homepage_preprints_tabs .mrp_card__authors {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.4;
}

.homepage_preprints_tabs .mrp_card__author {
	color: #6b7280;
}

.homepage_preprints_tabs .mrp_card__more_authors {
	color: #9ca3af;
	margin-left: 0.25rem;
}

.homepage_preprints_tabs .mrp_card__meta {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin-top: auto;
	padding-top: 0.5rem;
	font-size: 13px;
	color: #6b7280;
}

.homepage_preprints_tabs .mrp_card__views {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #111;
}

.homepage_preprints_tabs .mrp_card__views svg {
	color: #6b7280;
}

.homepage_preprints_tabs .mrp_empty {
	color: #6b7280;
	font-size: 14px;
}

@media (max-width: 992px) {
	.homepage_preprints_tabs .mrp_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 576px) {
	.homepage_preprints_tabs .mrp_grid {
		grid-template-columns: 1fr;
	}

	.homepage_preprints_tabs .mrp_tabs {
		gap: 1rem;
	}
}