.pkp_structure_main::before, .pkp_structure_main::after {

    background: transparent;
}

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

a {
  color: #2c5f4f;
}

a:hover {
  color: #57a28b;
}

.main-content {
            background-color: white;
            padding: 30px;

            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(139, 111, 71, 0.1);
        }

        .section-title {
            color: #2C5F4F;
            font-size: 28px !important;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 3px solid #8B6F47;
        }

        .publication-summary {
            background-color: #F9F6F0;
            padding: 20px;
            border-left: 4px solid #C4A57B;
            margin-bottom: 30px;
        }

        .cmp_notification {
            background-color: #F9F6F0;
            padding: 20px;
            border-left: 4px solid #C4A57B;
            margin-bottom: 30px;
        }

/* ============================================
   PUBLICACIONES - 3 COLUMNAS 
   ============================================ 

/* Contenedor principal */
.cmp_monographs_list {
    margin: 40px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border-top: 0px solid #ddd;
}

/* Título de la sección - Estilo editorial */
.cmp_monographs_list .section-title,
.cmp_monographs_list h2 {
    color: #2C5F4F !important;
    font-size: 28px !important;
    margin-bottom: 25px !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid #8B6F47 !important;
    font-weight: bold !important;
    font-family: 'Noto Sans', 'Times New Roman', serif !important;
}

/* Grid de publicaciones - 3 COLUMNAS */
.publications,
.cmp_monographs_list .publications {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-top: 30px !important;
    list-style: none !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Tarjeta individual - Estilo café-verde */
.obj_monograph_summary {
    background-color: white !important;
    border: 1px solid #E0D5C7 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-shadow: 0 2px 10px rgba(139, 111, 71, 0.1) !important;
}

.obj_monograph_summary:hover {
    box-shadow: 0 8px 20px rgba(139, 111, 71, 0.25) !important;
    transform: translateY(-5px) !important;
    border-color: #8B6F47 !important;
}

/* Limpiar pseudo-elementos */
.obj_monograph_summary::before,
.obj_monograph_summary::after {
    display: none !important;
}

/* IMAGEN - Con fondo beige editorial */
.obj_monograph_summary .cover {
    width: 100% !important;
    height: 280px !important;
    /*background-color: #F5F1E8 !important;*/
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    order: 1 !important;
    flex-shrink: 0 !important;
    border-bottom: 2px solid #F0EBE3 !important;
}

.obj_monograph_summary .cover a {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.obj_monograph_summary .cover img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
    max-width: 14em;
}

.obj_monograph_summary:hover .cover img {
    transform: scale(1.05) !important;
}

.obj_monograph_full .cover img {
width: 200px;
}

/* Placeholder con icono editorial */
.obj_monograph_summary .cover:empty::before {
    content: "📚" !important;
    font-size: 60px !important;
    opacity: 0.3 !important;
    color: #8B6F47 !important;
}

/* Contenedor de información */
.obj_monograph_summary > div:not(.cover) {
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 !important;
    order: 2 !important;
    background-color: white !important;
}

/* TÍTULO - Color verde editorial */
.obj_monograph_summary .title,
.obj_monograph_summary h3 {
    color: #2C5F4F !important;
    font-size: 17px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    order: 1 !important;
    font-family: 'Noto Sans', 'Times New Roman', serif !important;
    
    /* Limitar a 3 líneas con puntos suspensivos */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 71px !important;
}

.obj_monograph_summary .title a,
.obj_monograph_summary h3 a {
    color: #2C5F4F !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

.obj_monograph_summary .title a:hover,
.obj_monograph_summary h3 a:hover {
    color: #8B6F47 !important;
}

/* AUTOR - Color café editorial (oculto según requerimiento anterior) */
.obj_monograph_summary .author,
.obj_monograph_summary .authors {
    display: none !important;
    color: #8B6F47 !important;
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 2 !important;
    line-height: 1.4 !important;
}

/* Si quieres MOSTRAR autores, cambia display: none por: */
/*
.obj_monograph_summary .author,
.obj_monograph_summary .authors {
    display: block !important;
}
*/

/* FECHA - Con icono calendario */
.obj_monograph_summary .date {
    color: #999 !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 3 !important;
    margin-top: auto !important;
    font-weight: 500 !important;
}

.obj_monograph_summary .date::before {
    content: "📅 " !important;
    margin-right: 5px !important;
}

/* Línea divisoria sutil antes de la fecha */
.obj_monograph_summary .date {
    padding-top: 10px !important;
    border-top: 1px solid #F0EBE3 !important;
}

/* Badge opcional para destacar publicaciones */
.obj_monograph_summary.featured::after {
    content: "Destacado" !important;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background-color: #8B6F47 !important;
    color: white !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    z-index: 10 !important;
}

/* ===== RESPONSIVE - DISEÑO ADAPTATIVO ===== */

/* Pantallas grandes - 3 columnas */
@media (min-width: 992px) {
    .publications,
    .cmp_monographs_list .publications {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}

/* Tablets - 2 columnas */
@media (min-width: 768px) and (max-width: 991px) {
    .publications,
    .cmp_monographs_list .publications {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 18px !important;
    }
    
    .obj_monograph_summary .cover {
        height: 260px !important;
    }
    
    .obj_monograph_summary .title,
    .obj_monograph_summary h3 {
        font-size: 16px !important;
    }
    
    .obj_monograph_summary > div:not(.cover) {
        padding: 15px !important;
    }
}

/* Móviles - 1 columna */
@media (max-width: 767px) {
    .publications,
    .cmp_monographs_list .publications {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .obj_monograph_summary .cover {
        height: 300px !important;
    }
    
    .obj_monograph_summary .title,
    .obj_monograph_summary h3 {
        font-size: 18px !important;
        -webkit-line-clamp: 4 !important;
        min-height: auto !important;
    }
    
    .obj_monograph_summary > div:not(.cover) {
        padding: 15px !important;
    }
    
    .cmp_monographs_list .section-title,
    .cmp_monographs_list h2 {
        font-size: 24px !important;
    }
}

/* ===== ELEMENTOS COMUNES DEL ESTILO EDITORIAL ===== */

/* Box-sizing universal */
.cmp_monographs_list *,
.publications *,
.obj_monograph_summary * {
    box-sizing: border-box !important;
}

/* Tipografía serif para toda la sección */
.cmp_monographs_list {
    font-family: 'Noto Sans', 'Times New Roman', serif !important;
}

/* Orden correcto de elementos */
.obj_monograph_summary {
    display: flex !important;
    flex-direction: column !important;
}

.obj_monograph_summary .cover {
    order: 1 !important;
}

.obj_monograph_summary .title,
.obj_monograph_summary h3 {
    order: 2 !important;
}

.obj_monograph_summary .author {
    order: 3 !important;
}

.obj_monograph_summary .date {
    order: 4 !important;
}

/* ===== ESTADOS ADICIONALES ===== */

/* Estado de carga */
.obj_monograph_summary.loading {
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* Estado deshabilitado */
.obj_monograph_summary.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.obj_monograph_summary.disabled:hover {
    transform: none !important;
    box-shadow: 0 2px 10px rgba(139, 111, 71, 0.1) !important;
}

/* ===== ANIMACIONES SUAVES ===== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Aplicar animación a las tarjetas al cargar */
.obj_monograph_summary {
    animation: fadeInUp 0.4s ease-out !important;
}

/* Delay progresivo para efecto cascada */
.obj_monograph_summary:nth-child(1) { animation-delay: 0s !important; }
.obj_monograph_summary:nth-child(2) { animation-delay: 0.1s !important; }
.obj_monograph_summary:nth-child(3) { animation-delay: 0.2s !important; }
.obj_monograph_summary:nth-child(4) { animation-delay: 0.3s !important; }
.obj_monograph_summary:nth-child(5) { animation-delay: 0.4s !important; }
.obj_monograph_summary:nth-child(6) { animation-delay: 0.5s !important; }

@media (min-width: 1200px) {
  .cmp_monographs_list .obj_monograph_summary {
    position: relative;
    float: left;
    width: 100%;
  }
}



/* Sidebar */
        .pkp_structure_sidebar {
            display: flex;
            flex-direction: column;
            gap: 25px;
        }

        .pkp_block {
            background-color: white;
            padding: 15px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(139, 111, 71, 0.1);
        }

        .pkp_block .title {
            color: #2C5F4F;
            font-size: 20px;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #A8B89F;
        }

        .pkp_block .content  {
            list-style: none;
        }

        .pkp_block .content  li {
            padding: 10px 0;
            border-bottom: 1px solid #F0EBE3;
        }

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

        .pkp_block .content  a {
            color: #4A3C2E;
            text-decoration: none;
            transition: color 0.3s;
        }

        .pkp_block .content  a:hover {
            color: #2C5F4F;
        }

        .tag-cloud {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .tag {
            background-color: #A8B89F;
            color: white;
            padding: 5px 12px;
            border-radius: 15px;
            font-size: 14px;
            text-decoration: none;
            transition: background-color 0.3s;
        }

        .tag:hover {
            background-color: #2C5F4F;
        }

        .submit-btn,
a.submit-btn {
    background-color: #8B6F47;
    color: white !important;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    transition: background-color 0.3s;
    display: block; /* Importante para que ocupe todo el ancho */
    text-align: center;
    text-decoration: none; /* Quitar subrayado del enlace */
}

.submit-btn:hover,
a.submit-btn:hover, cmp_download_link:hover, a.cmp_download_link:hover, .pub_format_single a:hover {
    background-color: #6F5838;
    color: white !important;
}

.pub_format_single, a.pub_format_single, cmp_download_link, a.cmp_download_link {
    background-color: #8B6F47 !important;
    color: white !important;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    transition: background-color 0.3s;
    display: block; /* Importante para que ocupe todo el ancho */
    text-align: center;
    text-decoration: none; /* Quitar subrayado del enlace */
}

.obj_monograph_full .files .pub_format_single a:hover {
    background-color: #2C5F4F  !important;
    text-shadow: 0px 0px #fff;
}

.cmp_breadcrumbs a {
    color: var(--color-cafe-oscuro) !important;
}

.cmp_breadcrumbs a:hover {
    color: var(--color-cafe-secundario) !important;
}














/* Contenedor principal del carousel */
.pkp_page_index .homepage_image,
.carousel,
.carousel-inner,
.item {
    width: 100% !important;
    /*height: 500px !important;*/
    margin: 5px !important;
    padding: 5px !important;
}

/* Slides individuales */
.carousel-inner .item,
.carousel-item {
    width: 100% !important;
    height: 500px !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Overlay oscuro para mejorar legibilidad del texto */
.carousel-inner .item::before,
.carousel-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, rgba(139, 111, 71, 0.8) 0%, rgba(44, 95, 79, 0.8) 100%) !important;
    z-index: 1 !important;
}

/* Contenido del slide (texto) */
.carousel-caption,
.carousel-inner .item .carousel-caption {
    position: relative !important;
    z-index: 2 !important;
    text-align: right !important;
    right: 10% !important;
    left: auto !important;
    padding: 40px !important;
    bottom: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3 {
    color: white !important;
    font-size: 48px !important;
    margin-bottom: 20px !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5) !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
}

.carousel-caption p {
    color: white !important;
    font-size: 20px !important;
    margin-bottom: 30px !important;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin-left: auto !important;
}

/* Botón del carousel */
.carousel-caption a,
.carousel-caption .btn {
    background-color: #2C5F4F !important;
    color: white !important;
    padding: 15px 40px !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

.carousel-caption a:hover,
.carousel-caption .btn:hover {
    background-color: #8B6F47 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.4) !important;
}

/* Controles del carousel (flechas) */
.carousel-control,
.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(44, 95, 79, 0.7) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.8 !important;
    transition: all 0.3s !important;
}

.carousel-control:hover,
.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1 !important;
    background-color: rgba(44, 95, 79, 0.9) !important;
}

.carousel-control.left,
.carousel-control-prev {
    left: 20px !important;
}

.carousel-control.right,
.carousel-control-next {
    right: 20px !important;
}

.carousel-control .glyphicon,
.carousel-control-prev-icon,
.carousel-control-next-icon {
    color: white !important;
    font-size: 30px !important;
}

/* Indicadores del carousel (puntos) */
.carousel-indicators {
    bottom: 30px !important;
    z-index: 3 !important;
}

.carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 2px solid white !important;
    margin: 0 7px !important;
    transition: all 0.3s !important;
}

.carousel-indicators li.active {
    background-color: white !important;
    transform: scale(1.2) !important;
}

/* Ajuste para el contenedor de la imagen de inicio */
.pkp_page_index .homepage_image {
    margin-top: 0 !important;
    padding: 0 !important;
}

/* Asegurar que no haya espacios en blanco */
.pkp_page_index .pkp_structure_content {
    padding-top: 0 !important;
    display: block !important;
}



/* El carousel debe ocupar todo el ancho */
.pkp_page_index .homepage_image {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    margin-bottom: 40px !important;
}


/* Responsive para el carousel */
@media (max-width: 900px) {
    .carousel-inner .item,
    .carousel-item,
    .pkp_page_index .homepage_image,
    .carousel {
        height: 400px !important;
    }

    .carousel-caption {
        right: 5% !important;
        padding: 20px !important;
        text-align: center !important;
    }

    .carousel-caption h1,
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 32px !important;
    }

    .carousel-caption p {
        font-size: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .carousel-control,
    .carousel-control-prev,
    .carousel-control-next {
        width: 40px !important;
        height: 40px !important;
    }
}
.pkp_navigation_user,
.pkp_navigation_user li,
.pkp_navigation_user a {
    color: white !important;
    font-size: 14px !important;
    background-color: #2c5f4f !important;
}

/* Agregar estos estilos: */
.pkp_navigation_user a:hover,
.pkp_navigation_user a:focus,
.pkp_navigation_user a:active,
.pkp_navigation_user li.current a,
.pkp_navigation_user li:hover {
    background-color: #2c5f4f !important;
}

.pkp_site_nav_menu {
  background: #2c5f4f;
}
.pkp_nav_list li a:hover {
    border-color: #fff;
    color: var(--color-verde-claro) !important;
}


/* ===== HEADER VERDE ===== */
.pkp_site_name_wrapper,
.pkp_structure_head {
    background-color: var(--color-verde-primario) !important;
}

.pkp_site_name,
.pkp_site_name a {
    color: white !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.pkp_nav_list ul a:hover {
    color: var(--color-verde-claro) !important;
    
}

/* ===== MENÚ PRINCIPAL ===== */
.pkp_navigation_primary,
.pkp_navigation_primary_row {
    background-color: var(--color-verde-primario) !important;
}

.pkp_navigation_primary a {
    color: white !important;
    background-color: transparent !important;
    font-size: 16px !important;
    padding: 12px 20px !important;
}

.pkp_navigation_primary a:hover {
    color: var(--color-verde-claro) !important;
    
}

.pkp_navigation_primary .current a,
.pkp_navigation_primary li.current > a {
    border-color: #fff;
    color: var(--color-verde-claro) !important;
}


  .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
    border-color: #fff;
    color: var(--color-verde-claro) !important;
  }

.pkp_navigation_primary li a:hover {
    border-color: #fff;    
  }

  .pkp_navigation_search_wrapper a {
    color: #fff;
  }

.pkp_navigation_search_wrapper a:hover {
    
    border-color: #fff;   
  }

.pkp_navigation_primary .dropdown-menu {
    background-color: var(--color-verde-primario) !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: white !important;
}

.pkp_nav_list ul a:hover { 
    background-color: transparent !important;
} 

.pkp_nav_list ul  { 
    background-color: transparent !important;
} 

/* ===== BOTÓN DE BÚSQUEDA ===== */
* ===== BOTÓN DE BÚSQUEDA - SIN FONDO BLANCO ===== */

/* Eliminar fondo blanco del botón Buscar */
.pkp_navigation_search_wrapper button,
.pkp_navigation_search_wrapper .btn,
.pkp_navigation_search_wrapper a,
button.search,
a.search,
.search-button,
[class*="search"] button,
[class*="search"] a {
    background-color: transparent !important;
    background: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    transition: all 0.3s !important;
    box-shadow: none !important;
}

/* Todos los estados del botón */
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper button:active,
.pkp_navigation_search_wrapper button:visited,
.pkp_navigation_search_wrapper .btn:hover,
.pkp_navigation_search_wrapper .btn:focus,
.pkp_navigation_search_wrapper .btn:active,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_search_wrapper a:active {
    background-color: transparent !important;
    background: transparent !important;
    border-color: var(--color-verde-claro) !important;
    color: var(--color-verde-claro) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Forzar transparencia en icono de búsqueda */
.pkp_navigation_search_wrapper i,
.pkp_navigation_search_wrapper svg,
.pkp_navigation_search_wrapper .fa {
    color: white !important;
    background: transparent !important;
}

/* Contenedor de búsqueda */

/* ============================================
   BOTÓN DE BÚSQUEDA - QUITAR FONDO BLANCO
   ============================================ */

/* Botón de búsqueda en el header */
.pkp_navigation_search_wrapper button,
.pkp_navigation_search_wrapper .btn,
button[type="submit"].btn-search,
.search-button,
a.btn-search,
button.search-icon {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    padding: 8px 20px !important;
    border-radius: 5px !important;
    transition: all 0.3s !important;
}

/* Hover del botón de búsqueda */
.pkp_navigation_search_wrapper button:hover,
.pkp_navigation_search_wrapper .btn:hover,
button[type="submit"].btn-search:hover,
.search-button:hover,
a.btn-search:hover {
    background-color: transparent !important;
    border-color: var(--color-verde-claro) !important;
    color: var(--color-verde-claro) !important;
}

/* Focus (al hacer clic) */
.pkp_navigation_search_wrapper button:focus,
.pkp_navigation_search_wrapper .btn:focus,
button[type="submit"].btn-search:focus,
.search-button:focus,
a.btn-search:focus {
    background-color: transparent !important;
    border-color: white !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}

/* Active (mientras se presiona) */
.pkp_navigation_search_wrapper button:active,
.pkp_navigation_search_wrapper .btn:active,
button[type="submit"].btn-search:active,
.search-button:active,
a.btn-search:active {
    background-color: transparent !important;
    border-color: white !important;
    color: white !important;
    transform: scale(0.98) !important;
}

/* Icono de búsqueda dentro del botón */
.pkp_navigation_search_wrapper button i,
.pkp_navigation_search_wrapper .btn i,
.search-button i {
    color: white !important;
}

/* Si el botón tiene clase específica de Bootstrap */
.btn-primary.btn-search,
.btn-default.btn-search {
    background-color: transparent !important;
    border-color: white !important;
}

.btn-primary.btn-search:hover,
.btn-primary.btn-search:focus,
.btn-primary.btn-search:active,
.btn-default.btn-search:hover,
.btn-default.btn-search:focus,
.btn-default.btn-search:active {
    background-color: transparent !important;
    border-color: var(--color-verde-claro) !important;
    color: var(--color-verde-claro) !important;
}

/* Contenedor de búsqueda completo */
.pkp_navigation_search_wrapper {
    background-color: transparent !important;
}

/* Input de búsqueda (si está visible) */
.pkp_navigation_search_wrapper input[type="text"],
.pkp_navigation_search_wrapper input[type="search"] {
    background-color: white !important;
    border: 2px solid white !important;
    color: var(--color-cafe-oscuro) !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
}

.pkp_navigation_search_wrapper input:focus {
    outline: none !important;
    border-color: var(--color-verde-claro) !important;
    box-shadow: 0 0 0 3px rgba(168, 184, 159, 0.3) !important;
}
/* ===== CONTENEDOR PRINCIPAL ===== */
.pkp_structure_main {
    background-color: transparent !important;
    padding: 30px 20px !important;
}

.pkp_structure_main h2 {
  margin: 0 !important;

}

.pkp_structure_main p {
  margin: 0.43rem 0 !important;
}

/* Ocultar la imagen grande que está arriba del menú */
.pkp_site_name_wrapper img,
.pkp_head_wrapper img,
.pkp_site_name img,
img[src*="pageHeaderLogoImage_es"] {
    display: none !important;
}



/* ===== AGREGAR LOGO AL LADO IZQUIERDO DE Editorial Aleph ===== */
.pkp_navigation_primary a[href="https://editorialaleph.com/"]::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-image: url('https://editorialaleph.com/ea/public/presses/1/pageHeaderLogoImage_es.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}


/* ===== ÍCONOS EN MENÚ SUPERIOR (MANTENER) ===== */
/* Bandera ECUADOR */
.pkp_navigation_user a[href*="https://editorialaleph.com/ea/index.php/editorialaleph/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://editorialaleph.com/ea/index.php/editorialaleph/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;
}


/* Separadores entre items */
.pkp_navigation_user > li:not(:last-child)::after {
    content: "|";
    color: rgba(255,255,255,0.3);
    margin-left: 15px;
    font-size: 12px;
}

/* ===== AJUSTES DE ESPACIADO ===== */
.pkp_navigation_primary {
    padding-left: 20px !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .pkp_navigation_primary a[href*="catalog"]::before {
        width: 30px;
        height: 30px;
        margin-right: 8px;
    }
}


:root {
    --color-verde-primario: #2C5F4F;
    --color-verde-secundario: #4A9B8E;
    --color-verde-claro: #A8B89F;
    --color-cafe-primario: #8B6F47;
    --color-cafe-secundario: #C4A57B;
    --color-cafe-oscuro: #4A3C2E;
    --color-beige: #F5F1E8;
    --color-beige-oscuro: #F9F6F0;
}

/* ===== BODY ===== */
body {
    font-family: 'Noto Sans', 'Times New Roman', serif !important;
    color: var(--color-cafe-oscuro) !important;
    background-color: var(--color-beige) !important;
}

/* ===== HEADER SUPERIOR NEGRO ===== 
.pkp_structure_head .pkp_head_wrapper {
    background-color: #1a1a1a !important;
}

.pkp_navigation_user,
.pkp_navigation_user li,
.pkp_navigation_user a {
    background-color: #1a1a1a !important;
    color: white !important;
    font-size: 14px !important;
}*/

/* ===== HEADER VERDE ===== */
.pkp_site_name_wrapper,
.pkp_structure_head {
    background-color: var(--color-verde-primario) !important;
}

.pkp_site_name,
.pkp_site_name a {
    color: white !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/* ============================================
   FOOTER EDITORIAL CAFÉ-VERDE - VERSIÓN MEJORADA
   ============================================ */

/* Contenedor principal del footer */
.pkp_structure_footer {
    background: linear-gradient(135deg, #4A3C2E 0%, #2C5F4F 100%) !important;
    color: var(--color-beige) !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    margin-top: 60px !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Contenido principal del footer - 3 columnas */
.footer-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 50px 30px !important;
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1fr !important;
    gap: 50px !important;
}

/* ===== COLUMNA 1: SOBRE LA EDITORIAL ===== */

.footer-column-about {
    color: var(--color-beige) !important;
}

/* Logo en el footer */
.footer-logo {
    margin-bottom: 20px !important;
    /*background-color: white !important;*/
    padding: 15px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;*/
}

.footer-logo img {
    max-width: 150px !important;
    height: auto !important;
    display: block !important;
}

/* Texto descriptivo */
.footer-description {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 20px 0 !important;
    color: rgba(245, 241, 232, 0.9) !important;
    font-family: var(--font-primary) !important;
}

/* ISSN */
.footer-issn {
    font-style: italic !important;
    color: var(--color-cafe-secundario) !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
    font-size: 14px !important;
    font-family: var(--font-primary) !important;
}

/* ===== COLUMNA 2: CONTACTO ===== */

.footer-column-contact h3 {
    color: white !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid var(--color-cafe-secundario) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: var(--font-primary) !important;
}

.footer-contact-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-contact-item {
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.footer-contact-icon {
    color: var(--color-cafe-secundario) !important;
    font-size: 18px !important;
    min-width: 20px !important;
    margin-top: 2px !important;
}

.footer-contact-label {
    font-weight: 600 !important;
    color: var(--color-cafe-secundario) !important;
    min-width: 70px !important;
}

.footer-contact-value {
    color: var(--color-beige) !important;
    font-family: var(--font-primary) !important;
}

.footer-contact-value a {
    color: var(--color-beige) !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
    border-bottom: 1px solid transparent !important;
}

.footer-contact-value a:hover {
    color: var(--color-cafe-secundario) !important;
    border-bottom-color: var(--color-cafe-secundario) !important;
}

/* ===== COLUMNA 3: PUBLICACIONES ===== */

.footer-column-publications h3 {
    color: white !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid var(--color-cafe-secundario) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-family: var(--font-primary) !important;
}

.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 para "Enviar Manuscrito" */
.footer-publications-item.enviar a::before {
    content: "✍️" !important;
    margin-right: 5px !important;
}
.footer-publications-item.buscar a::before {
    content: "🔍" !important;
    margin-right: 5px !important;
}
.footer-publications-item.marcador a::before {
    content: "🔖" !important;
    margin-right: 5px !important;
}
.footer-publications-item.catalogo a::before {
    content: "📖" !important;
    margin-right: 5px !important;
}

.footer-contact-item.web::before {
    content: "🌍" !important;
    margin-right: 5px !important;
}
.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;
}

/* ===== BARRA INFERIOR DEL FOOTER ===== */

.footer-bottom {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 30px 0 !important;
}

.footer-bottom-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
}

/* Menú de enlaces inferior */
.footer-menu {
    text-align: center !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
}

.footer-menu a {
    color: var(--color-cafe-secundario) !important;
    text-decoration: none !important;
    margin: 0 10px !important;
    transition: color 0.3s !important;
    font-family: var(--font-primary) !important;
}

.footer-menu a:hover {
    color: white !important;
}

.footer-menu-separator {
    color: rgba(255, 255, 255, 0.3) !important;
    margin: 0 5px !important;
}

/* Texto de copyright y términos */
.footer-legal {
    text-align: center !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin: 10px 0 !important;
    line-height: 1.6 !important;
    font-family: var(--font-primary) !important;
}

.footer-legal a {
    color: var(--color-cafe-secundario) !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}

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

/* Créditos PKP */
.footer-credits {
    text-align: center !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-top: 10px !important;
    font-family: var(--font-primary) !important;
}

.footer-credits a {
    color: var(--color-cafe-secundario) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.footer-credits a:hover {
    color: white !important;
}

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

/* Tablets */
@media (max-width: 992px) {
    .footer-content {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 40px !important;
    }
    
    .footer-column-about {
        grid-column: 1 / -1 !important;
        text-align: center !important;
    }
    
    .footer-logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Móviles */
@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr !important;
        padding: 40px 20px !important;
        gap: 35px !important;
    }
    
    .footer-column-contact h3,
    .footer-column-publications h3 {
        text-align: center !important;
    }
    
    .footer-contact-item {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .footer-publications-item {
        text-align: center !important;
        padding-left: 0 !important;
    }
    
    .footer-publications-item::before {
        display: none !important;
    }
    
    .footer-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .footer-menu-separator {
        display: none !important;
    }
}
.cmp_button {
  text-shadow: 0px 0px #fff !important;
}


@media (max-width: 683px) {

button[type="submitS"],
.submitS {
    background-color: var(--color-verde-primario) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

}






/* ===== ARREGLO COMPLETO DEL SLIDER ===== */

/* ===== SLIDER - ANCHO COMPLETO ===== */
.editorial-slider {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
    height: 500px !important;
}

/* Asegurar que las flechas sean visibles */
.slider-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    background-color: rgba(44, 95, 79, 0.8) !important;
    color: white !important;
    border: 2px solid white !important;
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-size: 28px !important;
}

.slider-arrow.prev {
    left: 25px !important;
}

.slider-arrow.next {
    right: 25px !important;
}

 @media (max-width: 968px) {
            .slide-content {
                flex-direction: column;
                padding: 40px 20px;
                gap: 30px;
            }

            .slide-text {
                text-align: center;
            }

            .slide-text h1 {
                font-size: 36px;
            }

            .slide-text p {
                font-size: 18px;
            }
        }

/* ===== OCULTAR OVERFLOW ===== */
body,
html {
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page_homepage, .pkp_structure_sidebar left  {
    overflow-x: hidden !important;
}


.pkp_structure_sidebar left {
    overflow-x: hidden !important;
}

/* ===== CONTENEDOR PRINCIPAL ===== */
.pkp_structure_main, .pkp_structure_sidebar left  {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !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;
            }
}


/* ===== FOOTER COMPLETO ===== */
.pkp_structure_footer {
    background-color: var(--color-cafe-oscuro) !important;
    color: var(--color-beige) !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    margin-top: 60px !important;
}

/* Contenido principal del footer */
.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* Columnas del footer */
.footer-column {
    color: var(--color-beige);
}

/* Logo en el footer */
.footer-logo {
    margin-bottom: 20px;
}

.footer-logo img {
    max-width: 180px;
    height: auto;
    filter: brightness(0) invert(1); /* Convertir logo a blanco */
}

/* Texto descriptivo */
.footer-column p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    color: var(--color-beige);
}

.footer-issn {
    font-style: italic;
    color: var(--color-cafe-secundario) !important;
    font-weight: bold;
}

/* Títulos de secciones */
.footer-title {
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-verde-primario);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Lista de contacto */
.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.5;
}

.footer-contact li i {
    color: var(--color-verde-primario);
    font-size: 18px;
    margin-top: 2px;
    min-width: 20px;
}

.footer-contact li span:first-of-type {
    font-weight: bold;
    color: var(--color-cafe-secundario);
    min-width: 80px;
}

.footer-contact li a {
    color: var(--color-beige) !important;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-contact li a:hover {
    color: var(--color-verde-claro) !important;
    text-decoration: underline;
}

/* Redes sociales en footer */
.footer-social {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.footer-social .social-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-verde-primario);
    color: white;
    font-size: 20px;
    text-decoration: none;
    transition: all 0.3s;
}

.footer-social .social-icon:hover {
    background-color: var(--color-cafe-secundario);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.footer-social .social-icon.facebook:hover {
    background-color: #1877F2;
}

.footer-social .social-icon.twitter:hover {
    background-color: #1DA1F2;
}

.footer-social .social-icon.linkedin:hover {
    background-color: #0A66C2;
}

.footer-social .social-icon.instagram:hover {
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF);
}

/* Enlaces del footer */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    color: var(--color-beige) !important;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-links li a:hover {
    color: var(--color-verde-claro) !important;
    padding-left: 10px;
}

/* Barra inferior del footer */
.footer-bottom {
    background-color: rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px 0;
}

.footer-bottom-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
}

.footer-menu {
    margin-bottom: 15px;
    font-size: 14px;
}

.footer-menu a {
    color: var(--color-cafe-secundario) !important;
    text-decoration: none;
    margin: 0 8px;
    transition: color 0.3s;
}

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

.footer-copyright,
.footer-credits {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 8px 0;
}

.footer-copyright a,
.footer-credits a {
    color: var(--color-cafe-secundario) !important;
    text-decoration: none;
}

.footer-copyright a:hover,
.footer-credits a:hover {
    color: white !important;
    text-decoration: underline;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    .footer-column:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .footer-content {
        grid-template-columns: 1fr;
        padding: 40px 20px;
        gap: 40px;
    }
    
    .footer-column {
        text-align: center;
    }
    
    .footer-logo {
        display: flex;
        justify-content: center;
    }
    
    .footer-contact li {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .footer-social {
        justify-content: center;
    }
    
    .footer-menu {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .footer-menu a {
        display: block;
    }
}









/* ============================================
   PÁGINA DE DETALLE DEL LIBRO - ESTILO CAFÉ-VERDE
   ============================================ */

/* Contenedor principal de la página del libro */
.obj_monograph_full,
.monograph-detail,
.book-detail {
    background-color: #F5F1E8 !important;
    padding: 0 !important;
    font-family: 'Noto Sans', 'Times New Roman', serif !important;
}

.obj_monograph_full .entry_details .item a{
color: #8b6f47;
}

.obj_monograph_full .entry_details .item a:hover{
color: #2c5f4f;
}

/* Título del libro */
.page_title,
.book-title,
h1.title {
    color: #2C5F4F !important;
    font-size: 32px !important;
    font-weight: bold !important;
    line-height: 1.3 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    border: none !important;
}

* Subtítulo del libro */
.subtitle {
    color: #4A3C2E !important;
    font-size: 20px !important;
    font-style: italic !important;
    margin: 0 0 25px 0 !important;
    line-height: 1.4 !important;
}

/* Autor/es */
.author,
.authors,
.contributors {
    color: #8B6F47 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
}

/* Institución del autor */
.author-affiliation,
.affiliation {
    color: #666 !important;
    font-size: 15px !important;
    font-style: italic !important;
    margin: 0 0 30px 0 !important;
}

/* Palabras clave */
.keywords,
.tags {
    margin: 25px 0 !important;
    padding: 20px !important;
    background-color: #F9F6F0 !important;
    border-left: 4px solid #8B6F47 !important;
    border-radius: 4px !important;
}

.keywords h3,
.tags h3,
h3:contains("Palabras clave") {
    color: #2C5F4F !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 0 10px 0 !important;
}

.keywords .value,
.tags .value {
    color: #4A3C2E !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Sinopsis / Resumen */
.synopsis,
.abstract,
.description {
    color: #4A3C2E !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin: 30px 0 !important;
    text-align: justify !important;
}

.synopsis h2,
.abstract h2,
h2:contains("Sinopsis") {
    color: #2C5F4F !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #A8B89F !important;
}

/* Biografía del autor */
.author-bio,
.biography {
    margin: 35px 0 !important;
    padding: 25px !important;
    background-color: #F9F6F0 !important;
    border-radius: 8px !important;
    border: 1px solid #E0D5C7 !important;
}

.author-bio h3,
.biography h3,
h3:contains("Biografía") {
    color: #2C5F4F !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
}

.author-bio .value,
.biography p {
    color: #4A3C2E !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: justify !important;
}

/* Referencias */
.references {
    margin: 35px 0 !important;
}

.references h2,
h2:contains("Referencias") {
    color: #2C5F4F !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #A8B89F !important;
}

/* Gráfico de descargas */
.downloads-chart,
.statistics {
    margin: 30px 0 !important;
    padding: 20px !important;
    background-color: white !important;
    border: 1px solid #E0D5C7 !important;
    border-radius: 8px !important;
}

.downloads-chart h3,
h3:contains("Descargas") {
    color: #2C5F4F !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin: 0 0 15px 0 !important;
}

/* Portada del libro en sidebar */
.book-cover,
.cover-image {
    width: 100% !important;
    margin-bottom: 20px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
}

.book-cover img,
.cover-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Información de publicación */
.publication-info {
    margin: 20px 0 !important;
}

.publication-info h3,
h3:contains("Publicado") {
    color: #2C5F4F !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 0 0 10px 0 !important;
}

.publication-info .value,
.published-date {
    color: #8B6F47 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Sección "Cómo citar" */
.citation-block,
.how-to-cite {
    background-color: #F9F6F0 !important;
    padding: 20px !important;
    border-left: 4px solid #C4A57B !important;
    margin: 20px 0 !important;
    border-radius: 4px !important;
}

.citation-block h3,
h3:contains("Cómo citar") {
    color: #2C5F4F !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin: 0 0 12px 0 !important;
}

.citation-block .citation-text {
    color: #4A3C2E !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    background-color: white !important;
    padding: 12px !important;
    border-radius: 4px !important;
    border: 1px solid #E0D5C7 !important;
}

/* Selector de formato de cita */
.citation-format-select,
select[name="citation-format"] {
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid #E0D5C7 !important;
    border-radius: 5px !important;
    background-color: white !important;
    color: #4A3C2E !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    cursor: pointer !important;
    transition: border-color 0.3s !important;
}

.citation-format-select:hover,
select[name="citation-format"]:hover {
    border-color: #8B6F47 !important;
}

.citation-format-select:focus,
select[name="citation-format"]:focus {
    outline: none !important;
    border-color: #2C5F4F !important;
    box-shadow: 0 0 0 3px rgba(44, 95, 79, 0.1) !important;
}

/* Botón "Más formatos de cita" */
.more-citation-formats,
.btn-citation {
    background-color: transparent !important;
    color: #2C5F4F !important;
    border: 1px solid #2C5F4F !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    width: 100% !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}

.more-citation-formats:hover,
.btn-citation:hover {
    background-color: #2C5F4F !important;
    color: white !important;
}

/* Derechos de autor en sidebar */
.copyright-info,
.rights {
    font-size: 12px !important;
    color: #666 !important;
    line-height: 1.5 !important;
    padding: 15px !important;
    background-color: #F9F6F0 !important;
    border-radius: 6px !important;
    margin-top: 20px !important;
}

.copyright-info strong {
    color: #2C5F4F !important;
    display: block !important;
    margin-bottom: 5px !important;
}





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

/* Tablets */
@media (max-width: 992px) {
    .pkp_structure_content {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .pkp_structure_sidebar {
        order: -1 !important;
    }
    
    .pkp_structure_main {
        padding: 30px !important;
    }
}

/* Móviles */
@media (max-width: 768px) {
    .pkp_structure_content {
        padding: 20px 10px !important;
    }
    
    .pkp_structure_main {
        padding: 20px !important;
    }
    
    .page_title,
    .book-title,
    h1.title {
        font-size: 26px !important;
    }
    
    .subtitle {
        font-size: 18px !important;
    }
    
    .synopsis,
    .abstract,
    .description {
        font-size: 15px !important;
        text-align: left !important;
    }
    
    .sidebar-block,
    .pkp_block {
        padding: 20px !important;
    }
}

/* Botones de acción */
.btn-download,
.btn-primary {
    background-color: #2C5F4F !important;
    color: white !important;
    padding: 12px 25px !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.btn-download:hover,
.btn-primary:hover {
    background-color: #8B6F47 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(139, 111, 71, 0.3) !important;
}








.pkp_structure_main .page .monograph_count {

  padding: 0 !important;
}
/* ============================================
   PÁGINA DE LOGIN / REGISTRO - ESTILO CAFÉ-VERDE
   ============================================ */

/* Checkbox "Mantenerme conectado" */
.remember_checkbox,
div[class*="remember"] {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 20px 0 !important;
}

input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    accent-color: var(--color-verde-primario) !important;
}

input[type="checkbox"] + label,
.remember_checkbox label {
    color: var(--color-cafe-oscuro) !important;
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-family: var(--font-primary) !important;
}

/* Contenedor de botones */
.buttons,
.form-actions,
div[class*="buttons"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    margin-top: 30px !important;
}

/* Botón principal "Entrar"-login */
button[type="submit"],
.submit,
input[type="submit"],
.btn-primary {
    width: 100% !important;
    padding: 14px 20px !important;
    background-color: var(--color-verde-primario) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  text-shadow: 0px 0px #fff;
}

/* Botón principal "Entrar"-Registro */
button[type="submitR"],
.submitR {
    width: 40% !important;
    padding: 10px 10px !important;
    background-color: var(--color-verde-primario) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  text-shadow: 0px 0px #fff;
}
button[type="submitS"],
.submitS {
    /*width: 20% !important;*/
    padding: 4px 20px !important;
    background-color: var(--color-verde-primario) !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

button[type="submit"]:hover,
.submit:hover,
input[type="submit"]:hover,
.btn-primary:hover,
button[type="submitR"]:hover,
.submitR:hover,
button[type="submitS"]:hover,
.submitS:hover{
    background-color: var(--color-cafe-primario) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(139, 111, 71, 0.3) !important;
}

button[type="submit"]:active,
.submit:active,
input[type="submit"]:active {
    transform: translateY(0) !important;
}


/* Enlaces "Registrarse" y otros */
button[type="register2"],
.register2, a.register2,
button[type="register2"] {
    width: 100% !important;
    padding: 12px 20px !important;
    background-color: transparent !important;
    color: var(--color-verde-primario) !important;
    border: 2px solid var(--color-verde-primario) !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

login2, a.login2 {
    width: 40% !important;
    padding: 14px 20px !important;
    background-color: transparent !important;
    color: var(--color-verde-primario) !important;
    border: 2px solid var(--color-verde-primario) !important;
    border-radius: 5px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s !important;
    font-family: var(--font-primary) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    margin-left: 0em !important;
}
.register2:hover, .login2:hover {
    color: #fafbfb  !important;
    background-color: var(--color-verde-primario) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(44, 95, 79, 0.3) !important;
}

 input  {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 2.15;
  margin: 0;
  width: 600px;
}

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

@media (max-width: 768px) {
    .pkp_structure_main form,
    .login-form,
    .register-form {
        margin: 20px !important;
        padding: 25px !important;
    }
    
    .page_title h1,
    .login-form h1,
    .register-form h1 {
        font-size: 24px !important;
    }
    
    input[type="text"],
    input[type="password"],
    input[type="email"], 
    input[type="search"]{
        font-size: 14px !important;
        padding: 10px 12px !important;
    }
    
    button[type="submit"],
    .submit,
    input[type="submit"] {
        font-size: 15px !important;
        padding: 12px 18px !important;
    }
}