/* ============================================
   ALUMNI IN BOOKS - DESIGN MODERNO VIBRANTE
   Cores fortes, layout limpo, estilo atual
   ============================================ */

/* ----- IMPORTAR FONTES ----- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap');

/* ----- VARIÁVEIS DE CORES VIBRANTES ----- */
:root {
    --azul-forte: #0066ff;
    --azul-escuro: #0047ab;
    --laranja: #ff6b35;
    --amarelo: #ffc107;
    --verde: #10b981;
    --roxo: #8b5cf6;
    --rosa: #ec4899;
}

/* ----- RESET GERAL ----- */
* {
    box-sizing: border-box !important;
}

body {
    font-family: 'Inter', -apple-system, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    background: #fafafa !important;
}

/* ----- HEADER MINIMALISTA ----- */
.pkp_head_wrapper {
    text-align: center !important;
    padding: 50px 20px !important;
    background: #ffffff !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.pkp_site_name {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.pkp_site_name a {
    display: inline-block !important;
}

.pkp_site_name img {
    max-height: 160px !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease !important;
}

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

/* ----- MENU MODERNO COM CORES ----- */
.pkp_navigation_primary,
.pkp_navigation_primary_row {
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 4px solid transparent !important;
    border-image: linear-gradient(90deg, 
        var(--laranja) 0%, 
        var(--amarelo) 25%, 
        var(--verde) 50%, 
        var(--azul-forte) 75%, 
        var(--roxo) 100%
    ) 1 !important;
}

.pkp_navigation_primary ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_navigation_primary > ul {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
}

.pkp_navigation_primary li {
    position: relative !important;
}

/* ----- LINKS MENU - CORES VIBRANTES ----- */
.pkp_navigation_primary > ul > li > a {
    color: #1a1a1a !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 20px 25px !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    border-bottom: 3px solid transparent !important;
}

/* Cada menu com cor diferente no hover */
.pkp_navigation_primary > ul > li:nth-child(1) > a:hover {
    color: var(--laranja) !important;
    background: rgba(255, 107, 53, 0.08) !important;
    border-bottom-color: var(--laranja) !important;
}

.pkp_navigation_primary > ul > li:nth-child(2) > a:hover {
    color: var(--azul-forte) !important;
    background: rgba(0, 102, 255, 0.08) !important;
    border-bottom-color: var(--azul-forte) !important;
}

.pkp_navigation_primary > ul > li:nth-child(3) > a:hover {
    color: var(--verde) !important;
    background: rgba(16, 185, 129, 0.08) !important;
    border-bottom-color: var(--verde) !important;
}

.pkp_navigation_primary > ul > li:nth-child(4) > a:hover {
    color: var(--roxo) !important;
    background: rgba(139, 92, 246, 0.08) !important;
    border-bottom-color: var(--roxo) !important;
}

.pkp_navigation_primary > ul > li:nth-child(5) > a:hover {
    color: var(--rosa) !important;
    background: rgba(236, 72, 153, 0.08) !important;
    border-bottom-color: var(--rosa) !important;
}

.pkp_navigation_primary > ul > li:nth-child(6) > a:hover {
    color: var(--amarelo) !important;
    background: rgba(255, 193, 7, 0.08) !important;
    border-bottom-color: var(--amarelo) !important;
}

/* ----- SUBMENUS MODERNOS ----- */
.pkp_navigation_primary ul ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    min-width: 250px !important;
    z-index: 9999 !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border: 1px solid #e5e7eb !important;
}

.pkp_navigation_primary li:hover > ul {
    display: block !important;
}

.pkp_navigation_primary ul ul a {
    color: #374151 !important;
    background: transparent !important;
    padding: 12px 16px !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.pkp_navigation_primary ul ul a:hover {
    background: #f3f4f6 !important;
    color: var(--azul-forte) !important;
    padding-left: 24px !important;
}

/* ----- BARRA COLORIDA GRADIENTE ----- */
.pkp_navigation_primary::after {
    content: '' !important;
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background: linear-gradient(90deg, 
        var(--laranja) 0%, 
        var(--amarelo) 20%, 
        var(--verde) 40%, 
        var(--azul-forte) 60%, 
        var(--roxo) 80%, 
        var(--rosa) 100%
    ) !important;
    margin-top: 0 !important;
}

/* ----- BOTÃO BUSCAR MODERNO ----- */
.pkp_search button {
    background: var(--azul-forte) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    margin: 8px 15px !important;
    box-shadow: 0 2px 8px rgba(0, 102, 255, 0.3) !important;
}

.pkp_search button:hover {
    background: var(--azul-escuro) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.4) !important;
}

.pkp_search button::before {
    content: '🔍 ' !important;
}

/* ----- ESPAÇAMENTO ABAIXO DO MENU ----- */
.pkp_navigation_primary,
.pkp_navigation_primary_row {
    margin-bottom: 0 !important;
}

/* ----- TIPOGRAFIA MODERNA ----- */
h1 {
    font-family: 'Poppins', sans-serif !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
    font-size: 2.25rem !important;
    line-height: 1.3 !important;
    margin-bottom: 25px !important;
    position: relative !important;
    padding-bottom: 20px !important;
}

h1::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 80px !important;
    height: 5px !important;
    background: linear-gradient(90deg, var(--laranja), var(--amarelo)) !important;
    border-radius: 3px !important;
}

h2 {
    font-family: 'Poppins', sans-serif !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
}

h3 {
    font-family: 'Poppins', sans-serif !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}

p, li, span, div {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

strong, b {
    font-weight: 700 !important;
}

/* ----- BLOCOS SIDEBAR COLORIDOS ----- */
.pkp_block {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    border-left: 4px solid var(--azul-forte) !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
}

.pkp_block:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    transform: translateX(4px) !important;
}

.pkp_block:nth-child(even) {
    border-left-color: var(--laranja) !important;
}

.pkp_block h2,
.pkp_block h3 {
    color: #1a1a1a !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* ----- CARDS DE LIVROS MODERNOS ----- */
.obj_monograph_summary,
.cmp_monograph {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #e5e7eb !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
}

.obj_monograph_summary:hover,
.cmp_monograph:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 24px rgba(0, 102, 255, 0.15) !important;
    border-color: var(--azul-forte) !important;
}

.obj_monograph_summary img,
.cmp_monograph img {
    transition: transform 0.3s ease !important;
}

.obj_monograph_summary:hover img,
.cmp_monograph:hover img {
    transform: scale(1.08) !important;
}

/* ----- TEXTOS ----- */
.abstract,
.description,
main p,
article p {
    text-align: justify !important;
    line-height: 1.7 !important;
    color: #4b5563 !important;
}

/* ----- SELETOR DE IDIOMAS COLORIDO ----- */
.pkp_block_languages {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    text-align: center !important;
    border: 2px solid #bae6fd !important;
}

.pkp_block_languages a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin: 6px !important;
    color: #374151 !important;
    font-weight: 600 !important;
}

.pkp_block_languages a:hover {
    background: var(--azul-forte) !important;
    color: #ffffff !important;
    border-color: var(--azul-forte) !important;
    transform: translateY(-2px) !important;
}

.pkp_block_languages a.is_current {
    background: var(--azul-forte) !important;
    color: #ffffff !important;
    border-color: var(--azul-forte) !important;
}

/* ----- IMAGENS ----- */
img[src*="mceclip"],
img[alt*="EBSCO"],
img[alt*="scholar"] {
    filter: grayscale(20%) !important;
    opacity: 0.9 !important;
    transition: all 0.3s ease !important;
}

img[src*="mceclip"]:hover,
img[alt*="EBSCO"]:hover,
img[alt*="scholar"]:hover {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
    transform: scale(1.05) !important;
}

/* ----- BOTÕES COLORIDOS ----- */
.pkp_button,
button:not(.pkp_search button),
input[type="submit"],
a.button {
    background: linear-gradient(135deg, var(--azul-forte) 0%, var(--azul-escuro) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3) !important;
    text-transform: none !important;
}

.pkp_button:hover,
button:hover,
a.button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.4) !important;
}

/* ----- LINKS COLORIDOS ----- */
a {
    color: var(--azul-forte) !important;
    transition: color 0.2s ease !important;
}

a:hover {
    color: var(--azul-escuro) !important;
}

/* ----- RODAPÉ MODERNO ----- */
.pkp_structure_footer,
footer {
    background: #1a1a1a !important;
    color: #9ca3af !important;
    padding: 60px 30px 40px !important;
    margin-top: 80px !important;
    border-top: 5px solid transparent !important;
    border-image: linear-gradient(90deg, 
        var(--laranja) 0%, 
        var(--amarelo) 25%, 
        var(--verde) 50%, 
        var(--azul-forte) 75%, 
        var(--roxo) 100%
    ) 1 !important;
}

footer h2,
footer h3,
footer h4 {
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
}

footer a {
    color: #60a5fa !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

footer a:hover {
    color: var(--amarelo) !important;
}

footer a[href*="ResearchGate"],
footer a[href*="scholar"],
footer a[href*="crossref"] {
    padding: 6px 12px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 6px !important;
    margin: 4px !important;
    display: inline-block !important;
}

footer a[href*="ResearchGate"]:hover,
footer a[href*="scholar"]:hover,
footer a[href*="crossref"]:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

/* ----- FORMULÁRIOS ----- */
input[type="text"],
input[type="email"],
textarea,
select {
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    transition: all 0.2s ease !important;
    font-family: 'Inter', sans-serif !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--azul-forte) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1) !important;
    outline: none !important;
}

/* ----- RESPONSIVO ----- */
@media (max-width: 1024px) {
    .pkp_site_name img {
        max-height: 120px !important;
    }
    
    h1 {
        font-size: 2rem !important;
    }
    
    h2 {
        font-size: 1.4rem !important;
    }
}

@media (max-width: 768px) {
    .pkp_head_wrapper {
        padding: 35px 15px !important;
    }
    
    .pkp_site_name img {
        max-height: 100px !important;
    }
    
    .pkp_navigation_primary > ul {
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .pkp_navigation_primary > ul > li {
        width: 100% !important;
    }
    
    .pkp_navigation_primary > ul > li > a {
        padding: 16px 20px !important;
        text-align: center !important;
    }
    
    .pkp_navigation_primary ul ul {
        position: static !important;
        box-shadow: none !important;
        margin-left: 20px !important;
        margin-top: 0 !important;
        border: none !important;
        border-left: 3px solid var(--azul-forte) !important;
    }
    
    h1 {
        font-size: 1.75rem !important;
    }
    
    h2 {
        font-size: 1.3rem !important;
    }
    
    h3 {
        font-size: 1.1rem !important;
    }
    
    .pkp_block {
        padding: 20px !important;
    }
}

@media (max-width: 480px) {
    .pkp_site_name img {
        max-height: 80px !important;
    }
    
    .pkp_head_wrapper {
        padding: 25px 10px !important;
    }
    
    h1 {
        font-size: 1.5rem !important;
    }
    
    .pkp_navigation_primary > ul > li > a {
        font-size: 14px !important;
        padding: 14px 16px !important;
    }
}

/* ----- ACESSIBILIDADE ----- */
:focus-visible {
    outline: 3px solid var(--amarelo) !important;
    outline-offset: 2px !important;
}

/* ----- SCROLL SUAVE ----- */
html {
    scroll-behavior: smooth !important;
}