/**
 * TEMA NOVA CIENCIA PARA OJS 3.3 - VERSIÓN FINAL
 * Colores: #11203f (principal), #7e1195 (púrpura), grises
 * PRESERVA: Sidebar y Footer sin cambios
 */

:root {
	/* Colores principales */
	--novaciencia-primary: #11203f;
	--novaciencia-primary-dark: #0a1429;
	--novaciencia-primary-light: #1a3358;
	--novaciencia-accent: #7e1195;
	--novaciencia-accent-light: #9b2fb3;
	--novaciencia-accent-dark: #5f0d71;
	--novaciencia-secondary: #1d2f52;
	
	/* Complementarios */
	--novaciencia-sky: #e8eaf6;
	--novaciencia-purple-light: #f3e5f7;
	--novaciencia-white: #FFFFFF;
	--novaciencia-gray-light: #e9ecef;
	--novaciencia-gray: #6c757d;
	--novaciencia-gray-dark: #495057;
	--novaciencia-text: #212529;
	
	/* Sombras */
	--shadow-sm: 0 2px 4px rgba(17, 32, 63, 0.1);
	--shadow-md: 0 4px 8px rgba(17, 32, 63, 0.15);
	--shadow-lg: 0 8px 16px rgba(17, 32, 63, 0.2);
}

body {
	font-family: 'Roboto', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: var(--novaciencia-text);
	line-height: 1.7;
	background-color: var(--novaciencia-white);
}

/* ===== ÍCONOS EN MENÚ SUPERIOR (MANTENER) ===== */

/* Bandera ECUADOR */
.pkp_navigation_user a[href*="https://cienciakawsay.com/ck/index.php/cienciakawsay/es/index"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9a/Flag_of_Spain.svg');
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
}

/* Bandera EE.UU. */
.pkp_navigation_user a[href*="https://cienciakawsay.com/ck/index.php/cienciakawsay/en/index"]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/a/a4/Flag_of_the_United_States.svg');
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
}

/* Ícono Registrarse - SVG embebido BLANCO */
.pkp_navigation_user a[href*="register"]::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='rgb(255, 255, 255)' d='M285.7 304c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7L77.7 512C61.3 512 48 498.7 48 482.3 48 383.8 127.8 304 226.3 304l59.4 0zM528 80c13.3 0 24 10.7 24 24l0 48 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-48 0 0 48c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-48-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0 0-48c0-13.3 10.7-24 24-24zM256 248a120 120 0 1 1 0-240 120 120 0 1 1 0 240z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ícono Entrar - SVG embebido BLANCO*/
.pkp_navigation_user a[href*="login"]::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='rgb(255, 255, 255)' d='M409 337C418.4 327.6 418.4 312.4 409 303.1L265 159C258.1 152.1 247.8 150.1 238.8 153.8C229.8 157.5 224 166.3 224 176L224 256L112 256C85.5 256 64 277.5 64 304L64 336C64 362.5 85.5 384 112 384L224 384L224 464C224 473.7 229.8 482.5 238.8 486.2C247.8 489.9 258.1 487.9 265 481L409 337zM416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L480 544C533 544 576 501 576 448L576 192C576 139 533 96 480 96L416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160L480 160C497.7 160 512 174.3 512 192L512 448C512 465.7 497.7 480 480 480L416 480z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/* ============================================
   ENCABEZADO
   ============================================ */

.pkp_structure_head {
	background: linear-gradient(3deg, var(--novaciencia-primary-dark) 50%, var(--novaciencia-accent-dark) 120%);
	box-shadow: var(--shadow-md);
	padding: 1.5rem 0;
	position: relative;
	
}

.pkp_structure_head::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path fill="rgba(255,255,255,0.05)" d="M0,0 Q300,60 600,30 T1200,40 L1200,0 Z"/></svg>') repeat-x;
	background-size: 1200px 120px;
	opacity: 0.3;
}

.pkp_head_wrapper {
	position: relative;
	z-index: 1;
}

.pkp_site_name,
.pkp_site_name a {
	color: var(--novaciencia-white);
	font-size: 2rem;
	font-weight: 700;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.pkp_site_name a:hover {
	color: var(--novaciencia-purple-light);
	text-decoration: none;
}


/* ============================================
   NAVEGACIÓN PRINCIPAL
   ============================================ */



.dropdown-menu {
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}


/* ============================================
   NAVEGACIÓN PRINCIPAL OJS 3.3
   Para menús con submenús dinámicos generados por Smarty
   COPIAR TODO ESTE ARCHIVO A: styles/index.css
   ============================================ */

/* ===== SOLUCIÓN DEFINITIVA PARA MENÚS EN OJS 3.5.0.5 ===== */

/* 1. Corregir el comportamiento de TODOS los enlaces del menú principal y de usuario */
.pkp_navigation_primary a,
.pkp_navigation_user a,
.pkp_navigation_primary a:hover,
.pkp_navigation_primary a:focus,
.pkp_navigation_primary a:active,
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus,
.pkp_navigation_user a:active {
    background-color: transparent !important; /* Elimina el fondo blanco */
    color: var(--novaciencia-gray-light) !important; /* Hereda el color definido por tu tema */
    text-decoration: none !important; /* Elimina subrayados no deseados */
        outline: none !important;
     
}

/* 2. Asegurar que el texto del menú desplegable (como "About ▼") también se vea bien */
.pkp_navigation_primary a .caret,
.pkp_navigation_user a .caret {
    background-color: transparent !important;
    color: var(--novaciencia-gray-light) !important;

}

/* 3. Mantener consistencia en los submenús (si los hay) */
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    background-color: transparent !important;
    color: var(--novaciencia-gray-light) !important;

}
/* ============================================
   CONTENEDOR PRINCIPAL 11
   ============================================ */

.pkp_site_nav_menu {

    background-color: var(--novaciencia-primary-dark);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    overflow: visible !important;
}


.pkp_navigation_primary_row {
    max-width: 1200px;
    margin: 0 auto;
    overflow: visible !important;
}

.pkp_navigation_primary_wrapper {
    position: relative;
    overflow: visible !important;
}
.pkp_structure_main {
    background: transparent !important;
}
.pkp_structure_main::before, .pkp_structure_main::after {
    background: transparent;
}
/* ============================================
   SUBMENÚ (UL anidado - Nivel 2)
   ============================================ */

.pkp_nav_list > li > ul {

    background-color: var(--novaciencia-primary-dark);
    
}


/* Mostrar submenú al hacer hover */
.pkp_nav_list > li:hover > ul {
    opacity: 1;
    visibility: visible;

}


 .pkp_nav_list ul a {
    color: var(--novaciencia-gray-light);
    background-color: transparent !important;

  }


.pkp_nav_list ul a:hover, .pkp_navigation_primary .dropdown-menu a:hover {
    border-color: var(--novaciencia-white);
    background-color: transparent;
    color: var(--novaciencia-accent-light);

  }



.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper .btn:focus,
.pkp_navigation_search_wrapper a:focus{
background: transparent !important;
color: var(--novaciencia-accent-light) !important;
}

  .pkp_nav_list li{
    position: none;
    /*display: inline-block;*/
  }


  .obj_article_details .row, .obj_article_details .entry_details .item {
border-color: transparent !important;
}

/* ============================================
   INDICADOR DE SUBMENÚ (Flecha FontAwesome)
   ============================================ */

/* Si el navegador soporta :has() */
.pkp_nav_list > li:has(> ul) > a::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 0.5rem;
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

.pkp_nav_list > li:hover:has(> ul) > a::after {
    /*transform: rotate(180deg); */
}

/* Alternativa para navegadores que no soportan :has() */
/* Descomentar si necesitas soporte para navegadores antiguos */
/*
.pkp_nav_list > li > ul::before {
    content: '';
}
*/

/* ============================================
   LÍNEA INFERIOR ANIMADA
   ============================================ */

.pkp_nav_list > li > a::before {
    content: '';
    /*position: absolute;*/
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
   /* background-color: var(--novaciencia-accent-light);
    transition: all 0.3s ease;
    transform: translateX(-50%);*/
}


.pkp_nav_list > li > a:hover {
    /*width: 100%; */
background: transparent !important; 
  color: var(--novaciencia-accent-light) !important;;

}






/* ============================================
   ESTADO ACTIVO media movil  768px
   ============================================ */

.pkp_nav_list > li > a[aria-current="page"] {
    background-color: var(--novaciencia-accent);
}


    


/* ============================================
   ACCESIBILIDAD
   ============================================ */

.pkp_nav_list a:focus {
    outline: 3px solid var(--novaciencia-accent-light);
    outline-offset: -3px;
}

/* Soporte para navegación por teclado */
.pkp_nav_list > li > a:focus + ul {
    opacity: 1;
    visibility: visible;
    /*transform: translateY(0);*/
}



/* ============================================
   ENLACES GENERALES
   ============================================ */

a {
	color: var(--novaciencia-accent);
	text-decoration: none;
	transition: color 0.3s ease;
}

a:hover,
a:focus {
	color: var(--novaciencia-accent-light);
	text-decoration: underline;
}

/* ============================================
   ABOUT THE JOURNAL
   ============================================ */

.homepage_about h2 {
	color: var(--novaciencia-primary);
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid var(--novaciencia-accent);
}

.homepage_about p {
	color: var(--novaciencia-text);
	line-height: 1.8;
	margin-bottom: 1rem;
	text-align: justify;
}

.homepage_about a {
	color: var(--novaciencia-accent);
	font-weight: 500;
}

/* ============================================
   CURRENT ISSUE - NÚMERO ACTUAL
   ============================================ */

.current_issue h2 {
	color: var(--novaciencia-primary);
	font-size: 2rem;
	margin-bottom: 1.5rem;
	padding-bottom: 0.75rem;
	border-bottom: 3px solid var(--novaciencia-accent);
	font-weight: 700;
}

.issue_cover {
	text-align: center;
	margin: 2rem 0;
}

.issue_cover img {
	max-width: 250px;
	height: auto;
	border-radius: 8px;
	box-shadow: var(--shadow-md);
	transition: all 0.3s ease;
	border: 1px solid var(--novaciencia-gray-light);
}

.issue_cover:hover img {
	transform: translateY(-5px);
	box-shadow: var(--shadow-lg);
}

.current_issue_title {
	background: linear-gradient(135deg, var(--novaciencia-sky) 0%, var(--novaciencia-purple-light) 100%);
	padding: 1.5rem;
	border-radius: 8px;
	margin: 1.5rem 0;
	border-left: 4px solid var(--novaciencia-accent);
}

.issue_identification h3 {
	color: var(--novaciencia-primary);
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.issue_meta {
	color: var(--novaciencia-gray-dark);
	font-size: 0.95rem;
}

.issue_meta strong {
	color: var(--novaciencia-primary);
}

.full_issue_link {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background-color: var(--novaciencia-primary);
	color: var(--novaciencia-white);
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: var(--shadow-sm);
	margin: 1rem 0 2rem;
}

.full_issue_link:hover {
	background-color: var(--novaciencia-accent);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
	text-decoration: none;
}

 .page_issue_archive .issues_archive {
    margin-left: -2.143rem;
    margin-right: -2.143rem;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid var(--novaciencia-accent);
    margin: 2.857rem 0 1.43rem;
border-top: transparent;
}
/* ============================================
   ARTICLES - ARTÍCULOS CON IMÁGENES
   ============================================ */

.obj_issue_toc .galleys > h3, .issueTocGalleyLabel, .obj_issue_toc .section > h3{
	display: block;
	background: var(--novaciencia-primary) ;
	color: white;
	padding: 1rem 1.5rem;
	border-radius: 6px;
	margin: 2rem 0 1rem 0;
	font-size: 1.2rem;
	font-weight: 600;
	box-shadow: var(--shadow-sm);
	left: 0px;
}

.obj_article_summary {
	grid-template-columns: 200px 1fr;
	gap: 1.5rem;
	background: white;
	border: 1px solid var(--novaciencia-gray-light);
	border-radius: 8px;
	padding: 1.5rem;
	transition: all 0.3s ease;
	box-shadow: var(--shadow-sm);
}

.obj_article_summary:hover {
	box-shadow: var(--shadow-md);
	border-color: var(--novaciencia-accent);
	transform: translateY(-2px);
}

.obj_article_summary .title {
	color: var(--novaciencia-primary);
	font-weight: 600;
	line-height: 1.4;
	transition: color 0.3s ease;
}

.obj_article_summary .title:hover {
	color: var(--novaciencia-accent);
}

.obj_article_summary .authors {
	color: var(--novaciencia-gray);
	font-size: 0.95rem;
	margin-bottom: 1rem;
	font-style: italic;
}

.obj_article_summary .galleys_links {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: auto;
}

.obj_issue_toc .galleys_links {
	display: flex !important;
	color: var(--novaciencia-primary);
	border-radius: 4px;
	font-weight: 600;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.obj_issue_toc .galleys_links a:hover {
	background-color: var(--novaciencia-accent);
	color: white;
	text-decoration: none;
	transform: translateY(-1px);
}

.obj_galley_link.pdf {
	background-color: var(--novaciencia-primary);
	color: white;
}

.obj_galley_link.pdf:hover {
	background-color: var(--novaciencia-accent);
}

.obj_galley_link.pdf:focus {
	background-color: var(--novaciencia-accent);
}

        .obj_galley_link {
            display: inline-block;
            padding: 0.5rem 1.25rem;
            background-color: var(--novaciencia-gray-light);
            color: var(--novaciencia-primary);
            border-radius: 4px;
            font-weight: 600;
            font-size: 0.9rem;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .obj_galley_link:hover {
            background-color: var(--novaciencia-accent);
            color: white;
            text-decoration: none;
            transform: translateY(-1px);
        }

        .obj_galley_link:focus {
            background-color: var(--novaciencia-accent);
            color: white;
            text-decoration: none;
            transform: translateY(-1px);
        }

.obj_issue_toc .section::before {
    border-top: transparent !important;
  }

.obj_issue_toc .galleys::before {
 border-top: transparent !important;
  }

.obj_issue_toc .galleys_links {
  display: contents;
}

 .pkp_navigation_primary > li > a:hover, .pkp_site_nav_menu a:hover, {
    color: transparent !important;
            background-color: transparent !important;

}

.article_details {
	display: flex;
	flex-direction: column;
}

/* ============================================
   PAGINACIÓN
   ============================================ */

.cmp_pagination {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--novaciencia-gray-light);
}

.pkp_structure_main .page h1{
color: var(--novaciencia-primary);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--novaciencia-accent);
}

.cmp_pagination a,
.cmp_pagination span {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: 1px solid var(--novaciencia-gray-light);
	border-radius: 4px;
	color: var(--novaciencia-primary);
	transition: all 0.3s ease;
}

.cmp_pagination a:hover {
	background-color: var(--novaciencia-accent);
	border-color: var(--novaciencia-accent);
	color: white;
	text-decoration: none;
}

.cmp_pagination .current {
	background-color: var(--novaciencia-primary);
	border-color: var(--novaciencia-primary);
	color: white;
	font-weight: 600;
}

 .cmp_notification {
background: linear-gradient(135deg, var(--novaciencia-sky) 0%, var(--novaciencia-purple-light) 100%);
  padding: 1.5rem;
  border-radius: 8px;
  margin: 1.5rem 0;
  border-left: 4px solid var(--novaciencia-accent);
        }

.cmp_form .buttons button{
background: linear-gradient(135deg, var(--novaciencia-accent-dark) 0%, var(--novaciencia-accent) 100%);
  border: 1px solid var(--novaciencia-gray-light);
  border-radius: 8px;
  padding: 0.3em 5.6em;
  color: white;
}
.cmp_form .buttons_login button{
background: linear-gradient(135deg, var(--novaciencia-accent-dark) 0%, var(--novaciencia-accent) 100%);
  border: 1px solid var(--novaciencia-gray-light);
  border-radius: 8px;
  padding: 0.3em 4.5em;
  color: white;
}


.cmp_form .buttons button:hover, .cmp_form .buttons_login button:hover{
	text-decoration: underline;
}

.page_search .submit button::after {
	background: var(--novaciencia-accent);
  	color: white;
}

.submit button {
	color: var(--novaciencia-accent-dark) !important;
}

.page_search .submit button:hover::after{
	background: var(--novaciencia-accent) !important;
  	color: white !important;;
}


/* ============================================
   SIDEBAR - NO SE MODIFICA
   ============================================ */

.pkp_structure_sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.pkp_block {
	padding: 0rem 0rem;
	background: white;
	border: 1px solid var(--novaciencia-gray-light);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	transition: all 0.3s ease;
}

.pkp_block:hover {
	box-shadow: var(--shadow-md);
}

.pkp_block .title {
	background: linear-gradient(135deg, var(--novaciencia-primary) 0%, var(--novaciencia-primary-light) 100%);
	color: white;
	padding: 1rem 1.25rem;
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0;
}

.pkp_block .content {
	padding: 1.25rem;
}

.pkp_block.block_make_submission a {
	background: linear-gradient(135deg, var(--novaciencia-accent-dark) 0%, var(--novaciencia-accent) 100%);
	border: 1px solid var(--novaciencia-gray-light);
  	border-radius: 8px;
  	padding: 0.3em 5.4em;
  	color: white;
    display: block; /* Importante para que ocupe todo el ancho */
    text-align: center;
    text-decoration: none; /* Quitar subrayado del enlace */
}

.pkp_block.block_make_submission a:hover{
	color: var(--novaciencia-gray-light:);
	text-decoration: underline;
}


.pkp_block ul {
	list-style: none;
}

.pkp_block ul li {
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--novaciencia-gray-light);
}

.pkp_block ul li:last-child {
	border-bottom: none;
}

.pkp_block ul li a {
	color: var(--novaciencia-text);
	transition: all 0.3s ease;
	display: block;
}

.pkp_block ul li a:hover {
	color: var(--novaciencia-accent);
	padding-left: 0.5rem;
	text-decoration: none;
}


.block_browse .has_submenu {
  margin-top: 0rem !important;
}
/* ============================================
   FOOTER - NO SE MODIFICA
   ============================================ */

.pkp_structure_footer_wrapper  {
	background: linear-gradient(135deg, 
                        var(--novaciencia-primary-dark) 0%, 
                        var(--novaciencia-primary) 50%, 
                        var(--novaciencia-accent-dark) 100%);
        color: white;
        padding: 3rem 2rem 2rem 2rem;
        margin-top: 4rem;
}

.pkp_footer_content {
	max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pkp_block_footer .title {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--novaciencia-purple-light);
}

.pkp_block_footer ul {
	list-style: none;
}

.pkp_block_footer ul li {
	margin-bottom: 0.5rem;
}

.pkp_block_footer a {
	color: rgba(255, 255, 255, 0.9);
	transition: color 0.3s ease;
}

.pkp_block_footer a:hover {
	color: white;
	text-decoration: underline;
}

.pkp_block_footer i {
    margin-right: 0.5rem;
    color: var(--novaciencia-purple-light);
}

.pkp_brand_footer {
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 2rem 0;
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
}

.pkp_brand_footer a:hover {
    text-decoration: underline;
}

.pkp_brand_footer p a {
        float: inherit;
        display: contents;
	color: white;
}

.pkp_brand_footer a:hover {
    text-decoration: underline !important;
    color: white !important;
}

.pkp_block_footer ul li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.pkp_block_footer ul li i {
    color: var(--novaciencia-purple-light);
    width: 20px;
    text-align: center;
}

.obj_galley_link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.obj_galley_link i {
    font-size: 1rem;
}



.footer-publications-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.footer-publications-item {
    margin-bottom: 12px !important;
    padding-left: 20px !important;
    position: relative !important;
}

.footer-publications-item::before {
    content: "→" !important;
    position: absolute !important;
    left: 0 !important;
    color: var(--color-cafe-secundario) !important;
    font-weight: bold !important;
}

.footer-publications-item a {
    color: var(--color-beige) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    transition: all 0.3s !important;
    display: inline-block !important;
    font-family: var(--font-primary) !important;
}

.footer-publications-item a:hover {
    color: var(--color-cafe-secundario) !important;
    padding-left: 5px !important;
}
/* Icono especial */
.footer-contact-item.email::before {
    content: "✉️" !important;
    margin-right: 5px !important;
}
.footer-contact-item.gps::before {
    content: "📍" !important;
    margin-right: 5px !important;
}
.footer-contact-item.cell::before {
    content: "☎️" !important;
    margin-right: 5px !important;
}


/* Botones Flotantes de Redes Sociales SI */
        .social-float {
            position: fixed;
            right: 20px;
            top: 75%;
            transform: translateY(-50%);
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }

        .social-btn {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: white;
            font-size: 24px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            cursor: pointer;
        }

        .social-btn:hover {
            transform: scale(1.15);
            box-shadow: 0 6px 15px rgba(0,0,0,0.4);
	    color: white;
        }

        .social-btn.facebook {
            background: #1877F2;
        }

        .social-btn.facebook:hover {
            background: #145dbf;
        }

        .social-btn.twitter {
            background: #1DA1F2;
        }

        .social-btn.twitter:hover {
            background: #0d8bd9;
        }

        .social-btn.linkedin {
            background: #0A66C2;
        }

        .social-btn.linkedin:hover {
            background: #084a8f;
        }

        .social-btn.instagram {
            background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
        }

        .social-btn.instagram:hover {
            background: linear-gradient(45deg, #d66f1f, #c21d68, #6b2a91, #4149b8);
        }

        .social-btn.whatsapp {
            background: #25D366;
        }

        .social-btn.whatsapp:hover {
            background: #1da851;
        }

        .social-btn.mendeley {
            background: #9D1620;
        }

        .social-btn.mendeley:hover {
            background: #7a111a;
        }

        /* Tooltip para mostrar nombre de la red */
        .social-btn::before {
            content: attr(data-tooltip);
            position: absolute;
            right: 65px;
            background-color: #4A3C2E;
            color: white;
            padding: 8px 15px;
            border-radius: 5px;
            font-size: 14px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
            font-family: Arial, sans-serif;
        }

        .social-btn::after {
            content: '';
            position: absolute;
            right: 55px;
            border: 6px solid transparent;
            border-left-color: #4A3C2E;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        .social-btn:hover::before,
        .social-btn:hover::after {
            opacity: 1;
        }

                    @media (max-width: 768px) {
            .container {
                grid-template-columns: 1fr;
            }
            
            .publications {
                grid-template-columns: 1fr;
            }

            .social-float {
                right: 10px;
                gap: 8px;
            }

            .social-btn {
                width: 45px;
                height: 45px;
                font-size: 20px;
            }

            .social-btn::before {
                display: none;
            }

            .social-btn::after {
                display: none;
            }
}




/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 768px) {

	.obj_article_summary {
		grid-template-columns: 1fr;
		padding: 1.5rem;
	}

	.article_cover {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 1rem;
	}

	.pkp_footer_content {
		flex-direction: column;
	}
}

/* ============================================
           RESPONSIVE DESIGN
           ============================================ */

        @media (max-width: 992px) {
            .pkp_structure_content {
                grid-template-columns: 1fr;
            }

            .pkp_structure_sidebar {
                order: -1;
            }
        }

        @media (max-width: 768px) {
            .pkp_head_wrapper {
                padding: 1.5rem;
            }

            .pkp_site_name a {
                font-size: 2rem;
            }

            .pkp_navigation_user_wrapper {
                position: static;
                margin-top: 1rem;
            }

          

            .pkp_structure_main {
                padding: 2rem 1rem;
            }

            .obj_article_summary {
                grid-template-columns: 1fr;
                padding: 1.5rem;
            }

            .article_cover {
                width: 100%;
                max-width: 300px;
                margin: 0 auto 1rem;
            }

            .pkp_footer_content {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .pkp_site_name a {
                font-size: 1.5rem;
            }


            }

	@media (max-width: 300px) {
            .pkp_block.block_make_submission a {
	background: linear-gradient(135deg, var(--novaciencia-accent-dark) 0%, var(--novaciencia-accent) 100%);
	border: 1px solid var(--novaciencia-gray-light);
  	border-radius: 8px;
  	padding: 0.3em 3em;
  	color: white;
	}

        }


/* ============================================
   MÓVIL - Menor o igual a 768px
   ============================================ */

@media (max-width: 768px) {
    

   
    /* ============================================
       BUSCADOR EN MÓVIL
       ============================================ */
    
    .pkp_navigation_search_wrapper {
        width: 100%;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .pkp_navigation_search_wrapper input[type="search"] {
        width: 100%;
    }
}


/* ============================================
   ACCESIBILIDAD
   ============================================ */

*:focus-visible {
	outline: 3px solid var(--novaciencia-accent);
	outline-offset: 2px;
}