/* ============================================================ JDHAB — Journal Style Sheet (A1 minimal) Purpose: 1) Hide PKP/OJS footer branding block 2) Hide public header login/register links ============================================================ */ /* 1) Hide PKP/OJS footer branding */ .pkp_brand_footer, .pkp_brand_footer_wrapper, .pkp_structure_footer .pkp_brand_footer, .pkp_structure_footer .pkp_brand_footer_wrapper { display: none !important; } /* 2) Hide header login/register links (public) */ .pkp_navigation_user, .pkp_navigation_user_wrapper, .pkp_navigation_user a { display: none !important; } /* 3) Hide the “Login or Register to make a submission” notice box on Submissions page */ .page_submissions .cmp_notification, .page_submissions .cmp_notification.notice, .page_submissions .cmp_notification.notice, .page_submissions .cmp_notification.warning { display: none !important; } /* A1: hide section listing on the Submissions page (keep checklist + author guidelines) */ .page_submissions .sections, .page_submissions .section, .page_submissions .section_description, .page_submissions .section_policy, .page_submissions .section_submissions, .page_submissions .cmp_section, .page_submissions .cmp_section_title, .page_submissions .cmp_section_description { display: none !important; } /* Hide "Make a new submission to the ... section." links if they still appear */ .page_submissions a[href*="about/submissions"] + .section, .page_submissions a[href*="section"] { /* safe no-op; keep the main block hidden above */ } /* A1: hide Privacy Statement block on Submissions page */ .page_submissions .privacy_statement { display: none !important; } /* A1: align Author Guidelines block on Submissions page */ .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .cmp_author_guidelines { margin-left: 0 !important; padding-left: 0 !important; } /* A1: remove indentation in Author Guidelines block on Submissions page */ .page_submissions .cmp_author_guidelines, .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .authorGuidelines p, .page_submissions .cmp_author_guidelines p { margin-left: 0 !important; padding-left: 0 !important; text-indent: 0 !important; } /* ============================================================ JDHAB — A1 Header polish (SAFE: no layout hacks) - Reduce header height - Align logo area + menu to same container width - Improve menu typography ============================================================ */ #headerNavigationContainer .pkp_head_wrapper, #headerNavigationContainer .pkp_navigation_primary_wrapper{ max-width: 1200px; width: calc(100% - 80px); margin-left: auto; margin-right: auto; box-sizing: border-box; } #headerNavigationContainer .pkp_head_wrapper{ padding-top: 14px; padding-bottom: 10px; } #headerNavigationContainer .pkp_site_name img{ max-height: 64px; width: auto; height: auto; } #headerNavigationContainer .pkp_navigation_primary_row{ padding-top: 8px; padding-bottom: 8px; } #headerNavigationContainer .pkp_navigation_primary a, #headerNavigationContainer .pkp_site_nav_menu a{ font-weight: 600; letter-spacing: .02em; text-transform: none; font-size: 14px; } #headerNavigationContainer .pkp_navigation_primary a:hover{ text-decoration: underline; text-underline-offset: 6px; } .pkp_structure_head{ border-bottom: 1px solid rgba(255,255,255,.10); } /* ===== JDHAB Footer A1 ===== */ .pkp_structure_footer{ background: #ffffff !important; border-top: 1px solid rgba(0,0,0,.08) !important; padding: 28px 0 !important; } /* container alinhado ao campo do site */ .jdhab-footer__inner{ max-width: 1200px; width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box; } .jdhab-footer__grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 28px; } .jdhab-footer__brand{ font-weight: 700; letter-spacing: .03em; font-size: 14px; margin-bottom: 6px; } .jdhab-footer__tagline{ font-size: 13px; opacity: .85; line-height: 1.35; margin-bottom: 6px; } .jdhab-footer__note{ font-size: 12.5px; opacity: .75; } .jdhab-footer__ttl{ font-weight: 700; font-size: 13px; margin-bottom: 10px; } .jdhab-footer a{ font-size: 13px; text-decoration: none; opacity: .9; } .jdhab-footer a:hover{ text-decoration: underline; text-underline-offset: 4px; } .jdhab-footer__bottom{ margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.06); font-size: 12.5px; opacity: .75; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } .jdhab-footer__sep{ opacity: .45; } /* mobile */ @media (max-width: 900px){ .jdhab-footer__inner{ width: calc(100% - 40px); } .jdhab-footer__grid{ grid-template-columns: 1fr; } } /* ===== Footer A1 polish (compact + editorial links) ===== */ .pkp_structure_footer{ padding: 18px 0 6px !important; background: #ffffff !important; } .jdhab-footer__grid{ gap: 20px !important; } .jdhab-footer__brand{ font-size: 13.5px !important; } .jdhab-footer__tagline{ font-size: 12.5px !important; } .jdhab-footer a{ color: rgba(0,0,0,.72) !important; /* menos “azul OJS” */ opacity: 1 !important; } .jdhab-footer a:hover{ color: rgba(0,0,0,.92) !important; text-decoration: underline; text-underline-offset: 4px; } .jdhab-footer__bottom{ margin-top: 8px !important; padding-top: 8px !important; } /* ===== JDHAB — A1 Buttons (Submissions / Author Guidelines) ===== */ /* área de botões/links da página Submissions (Login / Create account / etc.) */ .pkp_page_about .actions, .pkp_page_about_submissions .actions, .pkp_page_about_submissions .cmp_actions, .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button, .pkp_page_about_submissions .cmp_button_link, .pkp_page_about_submissions .cmp_button_inline{ font-family: inherit; } /* botões padrão OJS */ .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button, .pkp_page_about_submissions button, .pkp_page_about_submissions input[type="submit"]{ appearance: none; border-radius: 10px; padding: 10px 14px; font-weight: 600; font-size: 13px; letter-spacing: .02em; border: 1px solid rgba(0,0,0,.14); background: #ffffff; color: rgba(0,0,0,.86); box-shadow: 0 1px 0 rgba(0,0,0,.04); transition: transform .06s ease, box-shadow .12s ease, border-color .12s ease; } /* hover “editorial” */ .pkp_page_about_submissions a.button:hover, .pkp_page_about_submissions .cmp_button:hover, .pkp_page_about_submissions button:hover, .pkp_page_about_submissions input[type="submit"]:hover{ border-color: rgba(0,0,0,.22); box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); } /* foco acessível */ .pkp_page_about_submissions a.button:focus, .pkp_page_about_submissions .cmp_button:focus, .pkp_page_about_submissions button:focus, .pkp_page_about_submissions input[type="submit"]:focus{ outline: 2px solid rgba(255,255,255,.0); box-shadow: 0 0 0 3px rgba(37, 99, 235, .25); /* azul discreto */ } /* se algum botão aparecer "cinza/disabled" */ .pkp_page_about_submissions button:disabled, .pkp_page_about_submissions input[type="submit"]:disabled{ opacity: .55; cursor: not-allowed; transform: none; box-shadow: none; } /* espaçamento entre botões (quando eles vêm “colados”) */ .pkp_page_about_submissions a.button, .pkp_page_about_submissions .cmp_button{ margin-right: 8px; margin-bottom: 8px; display: inline-flex; align-items: center; gap: 8px; } /* links comuns da página (menos “azul OJS”) */ .pkp_page_about_submissions a{ text-decoration-thickness: 1px; text-underline-offset: 3px; } /* ===== JDHAB — A1 buttons (pegando pelos links reais do Submissions) ===== */ .pkp_page_about_submissions a[href*="/login"], .pkp_page_about_submissions a[href*="/user/register"], .pkp_page_about_submissions a[href*="instructions-for-authors"], .pkp_page_about_submissions a[href*="/about/submissions"], .pkp_page_about_submissions a[href*="/submissions"]{ display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 10px 14px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-transform: none !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; text-decoration: none !important; margin-right: 8px !important; margin-bottom: 8px !important; } /* Hover editorial */ .pkp_page_about_submissions a[href*="/login"]:hover, .pkp_page_about_submissions a[href*="/user/register"]:hover, .pkp_page_about_submissions a[href*="instructions-for-authors"]:hover, .pkp_page_about_submissions a[href*="/about/submissions"]:hover, .pkp_page_about_submissions a[href*="/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* Focus acessível */ .pkp_page_about_submissions a[href*="/login"]:focus, .pkp_page_about_submissions a[href*="/user/register"]:focus, .pkp_page_about_submissions a[href*="instructions-for-authors"]:focus, .pkp_page_about_submissions a[href*="/about/submissions"]:focus, .pkp_page_about_submissions a[href*="/submissions"]:focus{ outline: none !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .25) !important; } /* ===== JDHAB — Fix logo cortada no MOBILE ===== */ @media (max-width: 900px){ /* garante altura suficiente no topo e evita cortar */ /* logo responsiva (não corta) */ /* evita “empurrão” vertical por line-height do tema */ } /* A1: botões para links dentro do Author Guidelines */ .pkp_page_about_submissions .cmp_article_content a, .pkp_page_about_submissions .pkp_helpers_clear a{ display: inline-flex; align-items: center; padding: 8px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,.14); background: #fff; color: rgba(0,0,0,.86); font-weight: 600; font-size: 13px; letter-spacing: .02em; text-decoration: none; margin: 0 6px 8px 0; } .pkp_page_about_submissions .cmp_article_content a:hover, .pkp_page_about_submissions .pkp_helpers_clear a:hover{ border-color: rgba(0,0,0,.22); box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-1px); } /* ===== A1: reduzir o “vazio” antes do rodapé ===== */ .pkp_structure_main{ padding-bottom: 20px !important; /* padrão costuma ser bem maior */ } .pkp_structure_content{ margin-bottom: 0 !important; padding-bottom: 0 !important; } /* garante que o último bloco do conteúdo não empurre o footer */ .pkp_structure_content > *:last-child{ margin-bottom: 0 !important; } /* ajuste fino só nas páginas About/Submissions (onde isso aparece mais) */ .pkp_page_about_submissions .pkp_structure_main{ padding-bottom: 12px !important; } /* ===== A1: encostar o último bloco no rodapé (somente Submissions) ===== */ .pkp_page_about_submissions .cmp_article_content > *:last-child{ margin-bottom: 0 !important; } .pkp_page_about_submissions .cmp_article_content{ padding-bottom: 0 !important; margin-bottom: 0 !important; } .pkp_page_about_submissions .pkp_structure_main{ padding-bottom: 0 !important; } /* ===== A1: transformar esses 4 links em botões (Submissions page) ===== */ .pkp_page_about_submissions a[href*="/index.php/jhab/login"], .pkp_page_about_submissions a[href*="/index.php/jhab/user/register"], .pkp_page_about_submissions a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_about_submissions a[href*="/index.php/jhab/about/submissions"]{ display:inline-flex !important; align-items:center !important; padding:10px 14px !important; border-radius:10px !important; border:1px solid rgba(0,0,0,.14) !important; background:#fff !important; color:rgba(0,0,0,.86) !important; font-weight:600 !important; font-size:13px !important; letter-spacing:.02em !important; text-decoration:none !important; margin:0 8px 8px 0 !important; } .pkp_page_about_submissions a[href*="/index.php/jhab/login"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_about_submissions a[href*="/index.php/jhab/about/submissions"]:hover{ border-color:rgba(0,0,0,.22) !important; box-shadow:0 6px 18px rgba(0,0,0,.08) !important; transform:translateY(-1px); } /* ============================================================ JDHAB — A1 CTA buttons (OJS 3.3) — Submissions > Author Guidelines Cole no FINAL do CSS ============================================================ */ .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .page_submissions .authorGuidelines a:hover, .page_submissions .author_guidelines a:hover, .page_submissions .cmp_author_guidelines a:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } .page_submissions .authorGuidelines a:focus, .page_submissions .author_guidelines a:focus, .page_submissions .cmp_author_guidelines a:focus{ outline: none !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .25) !important; } /* A1: esconde os separadores "•" que ficaram como texto */ .page_submissions .authorGuidelines, .page_submissions .author_guidelines, .page_submissions .cmp_author_guidelines{ font-size: 0; /* zera texto solto */ } .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ font-size: 13px; /* volta o tamanho só nos botões */ } .page_submissions .authorGuidelines strong, .page_submissions .author_guidelines strong, .page_submissions .cmp_author_guidelines strong{ font-size: 13px; /* mantém o "Start a submission:" legível */ } .page_submissions .authorGuidelines a, .page_submissions .author_guidelines a, .page_submissions .cmp_author_guidelines a{ border-color: rgba(0,0,0,.10) !important; box-shadow: none !important; } .page_submissions .authorGuidelines a:hover, .page_submissions .author_guidelines a:hover, .page_submissions .cmp_author_guidelines a:hover{ border-color: rgba(0,0,0,.18) !important; box-shadow: 0 8px 22px rgba(0,0,0,.07) !important; } /* ===== Home A1: tipografia e espaçamento do bloco editorial ===== */ .pkp_page_index .additional_content, .pkp_page_index .pkp_structure_content .additional_content{ max-width: 900px; margin: 0 auto; line-height: 1.65; } .pkp_page_index .additional_content h2, .pkp_page_index .additional_content h3{ margin-top: 18px; } /* ===== Submissions A1 — limpeza final (OJS 3.3) ===== */ /* esconde lista de seções e descrições/policies que o OJS injeta */ .page_submissions .sections, .page_submissions .section, .page_submissions .section_title, .page_submissions .section_description, .page_submissions .section_policy, .page_submissions .section_submissions, .page_submissions .cmp_section, .page_submissions .cmp_section_title, .page_submissions .cmp_section_description, .page_submissions .cmp_section_policy{ display: none !important; } /* esconde blocos “Information/Privacy” que às vezes aparecem no corpo */ .page_submissions .cmp_information, .page_submissions .cmp_privacy_statement, .page_submissions .privacy_statement{ display: none !important; } /* A1: esconder o botão que aponta para a própria página */ .page_submissions .authorGuidelines a[href*="/about/submissions"], .page_submissions .author_guidelines a[href*="/about/submissions"], .page_submissions .cmp_author_guidelines a[href*="/about/submissions"]{ display: none !important; } /* ===== Home (A1): transformar Quick links em botões ===== */ .pkp_page_index a[href*="/index.php/jhab/login"], .pkp_page_index a[href*="/index.php/jhab/user/register"], .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_index a[href*="/index.php/jhab/about/submissions"]{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index a[href*="/index.php/jhab/login"]:hover, .pkp_page_index a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_index a[href*="/index.php/jhab/about/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== Home (A1): transformar Quick links em botões ===== */ .pkp_page_index a[href*="/index.php/jhab/login"], .pkp_page_index a[href*="/index.php/jhab/user/register"], .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"], .pkp_page_index a[href*="/index.php/jhab/about/submissions"]{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; margin: 0 8px 8px 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index a[href*="/index.php/jhab/login"]:hover, .pkp_page_index a[href*="/index.php/jhab/user/register"]:hover, .pkp_page_index a[href*="/index.php/jhab/instructions-for-authors"]:hover, .pkp_page_index a[href*="/index.php/jhab/about/submissions"]:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== HOME: botões A1 apenas no bloco Quick links ===== */ .pkp_page_index .jdhab-quicklinks{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; } .pkp_page_index .jdhab-quicklinks a{ display: inline-flex !important; align-items: center !important; padding: 9px 12px !important; border-radius: 10px !important; border: 1px solid rgba(0,0,0,.14) !important; background: #fff !important; color: rgba(0,0,0,.86) !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: .02em !important; text-decoration: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; } .pkp_page_index .jdhab-quicklinks a:hover{ border-color: rgba(0,0,0,.22) !important; box-shadow: 0 6px 18px rgba(0,0,0,.08) !important; transform: translateY(-1px); } /* ===== RESET: não deixar o rodapé virar botão ===== */ .pkp_page_index .jdhab-footer a{ display: inline !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; margin: 0 !important; } .jdhab-footer a{ color: rgba(0,0,0,.65) !important; } .jdhab-footer a:hover{ color: rgba(0,0,0,.90) !important; } /* ===== FIX: rodapé NÃO herdar estilo de botões/CTA por href ===== */ .pkp_page_index .jdhab-footer a[href*="instructions-for-authors"], .pkp_page_index .jdhab-footer a[href*="/about/submissions"], .pkp_page_index .jdhab-footer a[href*="/login"], .pkp_page_index .jdhab-footer a[href*="/user/register"], .page_index .jdhab-footer a[href*="instructions-for-authors"], .page_index .jdhab-footer a[href*="/about/submissions"], .page_index .jdhab-footer a[href*="/login"], .page_index .jdhab-footer a[href*="/user/register"]{ font-weight: 400 !important; letter-spacing: normal !important; /* anula qualquer “cara de botão” */ display: inline !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* ===== A1: dropdown do menu como links (remove estilo de botão) ===== */ #headerNavigationContainer .pkp_navigation_primary ul a{ display: block !important; padding: 10px 14px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; font-weight: 600 !important; letter-spacing: .02em !important; text-decoration: none !important; } /* hover editorial discreto */ #headerNavigationContainer .pkp_navigation_primary ul a:hover{ background: rgba(0,0,0,.04) !important; text-decoration: none !important; } /* opcional: dropdown mais “premium” */ #headerNavigationContainer .pkp_navigation_primary ul{ padding: 8px 0 !important; border-radius: 10px !important; overflow: hidden !important; } /* ========================= JDHAB — Issue CTA (A1) ========================= */ .jdhab-issue-cta{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 8px; } .jdhab-issue-cta a{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:12px; border:1px solid rgba(0,0,0,.16); background:#fff; color:rgba(0,0,0,.84); text-decoration:none !important; font-weight:650; font-size:13px; letter-spacing:.02em; box-shadow:0 1px 0 rgba(0,0,0,.04); transition:transform .08s ease, box-shadow .12s ease, background .12s ease; } .jdhab-issue-cta a:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.10); } /* Botão primário = 2º link (Submit a Manuscript) */ .jdhab-issue-cta a:nth-child(2){ background:#0F2B46; border-color:#0F2B46; color:#fff; } .jdhab-issue-cta a:nth-child(2):hover{ filter:brightness(1.05); } /* ===== JDHAB A1 — limpar topo da home ===== */ /* esconde o título "About the Journal" */ .pkp_page_index .homepage_about h2{ display: none !important; } /* esconde a frase curta do Journal Summary na home */ .pkp_page_index .homepage_about p{ display: none !important; } /* remove o espaço extra do bloco */ .pkp_page_index .homepage_about{ margin: 0 !important; padding: 0 !important; } /* mantém a capa com cantos arredondados */ .obj_issue_summary .cover img, .current_issue .cover img, .pkp_page_index .current_issue img{ border-radius: 18px !important; } .pkp_page_index .homepage_about h2, .pkp_page_index .homepage_about p { display: none !important; } .pkp_page_index .homepage_about { margin: 0 !important; padding: 0 !important; min-height: 0 !important; } .obj_issue_summary .cover img, .current_issue .cover img, .pkp_page_index .current_issue img, .pkp_page_index .issue_cover img { border-radius: 18px !important; display: block !important; } .pkp_page_index .current_issue .cover { margin-right: 1.6rem !important; } .pkp_page_index .current_issue a[href*="submissions"], .pkp_page_index .current_issue a[href*="/authors"], .pkp_page_index .additional_content .jdhab-quicklinks a { display: inline-block !important; padding: 10px 16px !important; margin: 8px 10px 8px 0 !important; border: 1px solid #d1d5db !important; border-radius: 12px !important; background: #ffffff !important; color: #111827 !important; text-decoration: none !important; font-weight: 600 !important; line-height: 1.2 !important; } .jdhab-footer{ margin-top: 48px; padding: 30px 0 16px; } .jdhab-footer__inner{ max-width: 1120px; margin: 0 auto; padding: 0 24px; } .jdhab-footer__grid{ gap: 36px; } .jdhab-footer__bottom{ margin-top: 16px; padding-top: 12px; } .jdhab-footer{ margin-top: 0 !important; padding: 0 !important; } /* ===== JDHAB — remover cinza lateral do canvas ===== */ html, body, .pkp_structure_page, .pkp_structure_main, .pkp_structure_content{ background: #ffffff !important; } .pkp_structure_content{ border-left: 0 !important; border-right: 0 !important; } /* ===== JDHAB — remover cinza lateral ao lado do rodapé ===== */ .pkp_structure_footer_wrapper{ background: #ffffff !important; } /* ===== JDHAB — widen institutional pages ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; } /* ===== JDHAB — widen institutional pages ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; } /* ===== JDHAB — remove inner canvas borders ===== */ .pkp_page_page .pkp_structure_content, .pkp_page_about .pkp_structure_content{ border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } /* ===== JDHAB — hide institutional breadcrumbs ===== */ .pkp_page_page .cmp_breadcrumbs, .pkp_page_about .cmp_breadcrumbs{ display: none !important; } /* ===== JDHAB — compact header ===== */ .pkp_site_name_wrapper{ padding-top: 14px !important; padding-bottom: 8px !important; } .pkp_site_name .is_img img{ max-height: 40px !important; width: auto !important; } .pkp_navigation_primary_wrapper{ padding-top: 0 !important; padding-bottom: 10px !important; } .pkp_navigation_primary > li > a{ padding-top: 8px !important; padding-bottom: 8px !important; } /* ===== JDHAB — active menu refinement ===== */ .pkp_navigation_primary > li > a{ position: relative; } .pkp_navigation_primary > li.current > a, .pkp_navigation_primary > li.current_page_item > a{ text-decoration: none !important; } .pkp_navigation_primary > li.current > a::after, .pkp_navigation_primary > li.current_page_item > a::after{ content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 1.5px; background: rgba(255,255,255,.92); border-radius: 2px; } .pkp_navigation_primary > li > a:hover{ text-decoration: none !important; } /* ===== JDHAB — posicionar Login no topo direito ===== */ .pkp_structure_head{ position: relative !important; } .pkp_navigation_user_wrapper{ position: absolute !important; top: 18px !important; right: 32px !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .pkp_navigation_user{ display: flex !important; align-items: center !important; gap: 16px !important; } .pkp_navigation_user > li{ margin: 0 !important; } .pkp_navigation_user > li > a{ padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; } .pkp_navigation_user > li > a:hover{ text-decoration: none !important; opacity: .88; } /* ===== JDHAB — puxar Login para a faixa superior direita ===== */ .pkp_navigation_user_wrapper{ float: right !important; clear: none !important; width: auto !important; margin: -44px 28px 0 0 !important; padding: 0 !important; background: transparent !important; position: relative !important; z-index: 40 !important; } .pkp_navigation_user{ display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } .pkp_navigation_user li{ margin: 0 !important; list-style: none !important; } .pkp_navigation_user a{ padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #ffffff !important; font-weight: 600 !important; line-height: 1 !important; } .pkp_navigation_user_wrapper{ display: none !important; } /* ===== JDHAB — hide broken user nav below main menu ===== */ .pkp_navigation_user_wrapper{ display: none !important; } /* ===== JDHAB — padronizar cores dos menus suspensos ===== */ .pkp_navigation_primary .dropdown-menu, .pkp_navigation_primary .pkp_dropdown_menu, .pkp_nav_list ul { background: #ffffff !important; border: 1px solid rgba(15, 42, 68, 0.12) !important; box-shadow: 0 10px 24px rgba(15, 42, 68, 0.10) !important; } .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .dropdown-menu a:visited, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_navigation_primary .pkp_dropdown_menu a:visited, .pkp_nav_list ul a, .pkp_nav_list ul a:visited { color: #0F2A44 !important; font-weight: 600 !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu a:hover, .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .pkp_dropdown_menu a:hover, .pkp_navigation_primary .pkp_dropdown_menu a:focus, .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus { color: #0F2A44 !important; background: rgba(15, 42, 68, 0.05) !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu .current a, .pkp_navigation_primary .pkp_dropdown_menu .current a, .pkp_nav_list ul .current a { color: #0F2A44 !important; font-weight: 700 !important; } /* ===== JDHAB — hide public Search in header ===== */ .pkp_navigation_search_wrapper, .pkp_search, li[aria-label*="Search"], li[aria-label*="search"] { display: none !important; } /* ===== JDHAB — submenu mais leve e mais elegante ===== */ .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .dropdown-menu a:visited, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_navigation_primary .pkp_dropdown_menu a:visited, .pkp_nav_list ul a, .pkp_nav_list ul a:visited { color: #0F2A44 !important; font-weight: 500 !important; font-size: 0.96rem !important; line-height: 1.45 !important; letter-spacing: 0 !important; text-decoration: none !important; } .pkp_navigation_primary .dropdown-menu li, .pkp_navigation_primary .pkp_dropdown_menu li, .pkp_nav_list ul li { margin: 0 !important; } .pkp_navigation_primary .dropdown-menu a, .pkp_navigation_primary .pkp_dropdown_menu a, .pkp_nav_list ul a { padding: 10px 14px !important; } .pkp_navigation_primary .dropdown-menu .current a, .pkp_navigation_primary .pkp_dropdown_menu .current a, .pkp_nav_list ul .current a { font-weight: 600 !important; } /* ===== JDHAB — unify article/galley top viewer bars ===== */ .pkp_page_article .header_view, .pkp_page_article .header_view .title, .pkp_page_article .header_view .return, .pkp_page_article .header_view a, .pkp_page_article .header_view a:visited { background: #0F2A44 !important; color: #ffffff !important; } .pkp_page_article .header_view { border-bottom: 1px solid rgba(255,255,255,.10) !important; box-shadow: none !important; } .pkp_page_article .header_view .return { border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .header_view .title { font-weight: 600 !important; letter-spacing: .01em !important; } .pkp_page_article .header_view a:hover { color: #ffffff !important; opacity: .92 !important; text-decoration: none !important; } /* ===== JDHAB — soften OJS article viewer chrome ===== */ .pkp_page_article .header_view .return a { font-size: 0 !important; } .pkp_page_article .header_view .return a::before { content: "Back"; font-size: 14px; font-weight: 600; color: #ffffff; } /* JDHAB — remove residual white line in article viewer */ .pkp_page_article .header_view, .pkp_page_article .header_view::before, .pkp_page_article .header_view::after, .pkp_page_article .header_view .return, .pkp_page_article .header_view .title { border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; } .pkp_page_article .header_view + * { border-top: 0 !important; box-shadow: none !important; } /* Mobile header polish */ @media (max-width: 991px){ } /* ===== JDHAB — HEADER RESPONSIVO LIMPO ===== */ /* Tablet e mobile */ @media (max-width: 991px) { /* faixa azul */ /* área superior */ /* conjunto menu + logo */ /* área da marca */ /* logo padrão */ /* botão do menu */ /* menu aberto */ /* conteúdo */ .page { padding-left: 18px !important; padding-right: 18px !important; } /* botões */ .cmp_button_wire, .cmp_button { border-radius: 12px !important; } } /* Mobile — versão refinada com logo própria */ @media (max-width: 767px) { /* header */ /* linha menu + logo */ /* botão menu */ /* área da marca */ /* esconde a imagem padrão */ /* usa logo mobile como fundo do link */ } .pkp_navigation_primary a[href*="/issue/archive"]{ display: none !important; } :root{ --jdhab-blue: #123A5D; } .pkp_page_article .header_view, .pkp_page_article .header_view .title, .pkp_page_article .header_view .return, .pkp_page_article .header_view a, .pkp_page_article .header_view a:visited, .header_view, .header_view .title, .header_view .return, .header_view a, .header_view a:visited{ background: var(--jdhab-blue) !important; color: #ffffff !important; } .pkp_page_article .header_view .title:hover, .pkp_page_article .header_view .title:focus, .pkp_page_article .header_view .return:hover, .pkp_page_article .header_view .return:focus, .pkp_page_article .header_view a:hover, .pkp_page_article .header_view a:focus, .header_view .title:hover, .header_view .title:focus, .header_view .return:hover, .header_view .return:focus, .header_view a:hover, .header_view a:focus{ background: var(--jdhab-blue) !important; color: #ffffff !important; } /* ===== JDHAB — Issue page: capa única + cards limpos ===== */ /* esconde miniaturas/capas dos artigos */ .page_issue .obj_article_summary .cover, .page_issue .obj_article_summary .thumbnail, .page_issue .cmp_article_list .cover, .page_issue .cmp_article_list .thumbnail, .pkp_page_issue .obj_article_summary .cover, .pkp_page_issue .obj_article_summary .thumbnail { display: none !important; } /* topo da edição */ .page_issue .obj_issue_toc .heading, .pkp_page_issue .obj_issue_toc .heading { display: block !important; margin: 0 0 24px !important; padding: 0 0 22px !important; border-bottom: 1px solid #e8edf2 !important; } /* capa principal da edição */ .page_issue .obj_issue_toc > .heading .cover, .pkp_page_issue .obj_issue_toc > .heading .cover { display: block !important; text-align: center !important; margin: 0 auto 24px !important; } .page_issue .obj_issue_toc > .heading .cover img, .pkp_page_issue .obj_issue_toc > .heading .cover img { display: block !important; width: 100% !important; max-width: 150px !important; height: auto !important; margin: 0 auto !important; border-radius: 14px !important; box-shadow: 0 14px 40px rgba(0,0,0,.14) !important; } /* mobile */ @media (max-width: 767px) { .page_issue .obj_issue_toc > .heading .cover img, .pkp_page_issue .obj_issue_toc > .heading .cover img { max-width: 290px !important; } } /* título da edição */ .page_issue h1, .pkp_page_issue h1 { font-size: 1.9rem !important; line-height: 1.15 !important; font-weight: 700 !important; color: #123A5D !important; margin-bottom: 18px !important; } /* seções */ .page_issue .obj_issue_toc .section h2, .pkp_page_issue .obj_issue_toc .section h2 { font-size: 1rem !important; font-weight: 600 !important; color: #5f6c79 !important; } /* cards dos artigos */ .page_issue .obj_article_summary, .pkp_page_issue .obj_article_summary { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 18px !important; margin-bottom: 14px !important; } /* títulos dos artigos */ .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .title a, .pkp_page_issue .obj_article_summary .title, .pkp_page_issue .obj_article_summary .title a { font-size: 1.36rem !important; line-height: 1.24 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; } /* botões PDF / HTML */ .page_issue .obj_article_summary .galleys_links a, .pkp_page_issue .obj_article_summary .galleys_links a { display: inline-block !important; border: 1px solid #123A5D !important; border-radius: 16px !important; background: transparent !important; color: #123A5D !important; padding: 4px 11px !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; margin-right: 7px !important; } .page_issue .obj_article_summary .galleys_links a:hover, .pkp_page_issue .obj_article_summary .galleys_links a:hover { background: #123A5D !important; color: #fff !important; } /* seções */ .page_issue .obj_issue_toc .sections h2, .page_issue .obj_issue_toc .section h2, .page_issue .cmp_toc_section h2, .page_issue h2 { font-size: 1rem !important; font-weight: 600 !important; color: #5f6c79 !important; margin-top: 22px !important; margin-bottom: 10px !important; border: 0 !important; text-transform: none !important; letter-spacing: 0 !important; } /* cards */ .page_issue .obj_article_summary, .page_issue .cmp_article_list > li, .page_issue .issue_toc .section .obj_article_summary, .page_issue .issue_toc .sections .cmp_article_list__item { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 18px !important; margin-bottom: 14px !important; } /* remove caixa interna */ .page_issue .obj_article_summary > div, .page_issue .obj_article_summary .media, .page_issue .obj_article_summary .entry_details, .page_issue .obj_article_summary .description { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } /* títulos */ .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .title a, .page_issue .cmp_article_list .title, .page_issue .cmp_article_list .title a { font-size: 1.36rem !important; line-height: 1.24 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; margin-bottom: 6px !important; } .page_issue .obj_article_summary .title a:hover, .page_issue .cmp_article_list .title a:hover { color: #0f2f4a !important; text-decoration: none !important; } /* autores */ .page_issue .obj_article_summary .authors, .page_issue .obj_article_summary .meta .authors, .page_issue .cmp_article_list .authors { font-size: 0.90rem !important; line-height: 1.35 !important; color: #6f7b88 !important; margin-top: 4px !important; margin-bottom: 10px !important; } /* área dos galleys */ .page_issue .obj_article_summary .galleys_links, .page_issue .obj_article_summary .galleys, .page_issue .cmp_article_list .galleys_links { margin-top: 6px !important; } /* botões PDF / HTML */ .page_issue .obj_article_summary .galleys_links a, .page_issue .obj_article_summary .galleys a, .page_issue .cmp_article_list .galleys_links a, .page_issue .cmp_article_list .galleys a { display: inline-block !important; border: 1px solid #123A5D !important; border-radius: 16px !important; background: transparent !important; color: #123A5D !important; padding: 4px 11px !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.01em !important; margin-right: 7px !important; box-shadow: none !important; } .page_issue .obj_article_summary .galleys_links a:hover, .page_issue .obj_article_summary .galleys a:hover, .page_issue .cmp_article_list .galleys_links a:hover, .page_issue .cmp_article_list .galleys a:hover { background: #123A5D !important; color: #fff !important; text-decoration: none !important; } /* espaçamento entre seções */ .page_issue .obj_issue_toc .section, .page_issue .cmp_toc_section { margin-bottom: 18px !important; } /* JDHAB — hide "In this issue" block at top of issue page */ .page_issue .obj_issue_toc .description { display: none !important; } /* JDHAB — hide issue description paragraphs only */ .page_issue .obj_issue_toc .description p, .page_issue .obj_issue_toc .description ul, .page_issue .obj_issue_toc .description ol { display: none !important; } /* ===== JDHAB — Issue page: capa única + cards limpos ===== */ /* esconde miniaturas/capas dos artigos */ .page_issue .obj_article_summary .cover, .page_issue .obj_article_summary .thumbnail, .page_issue .cmp_article_list .cover, .page_issue .cmp_article_list .thumbnail, .pkp_page_issue .obj_article_summary .cover, .pkp_page_issue .obj_article_summary .thumbnail { display: none !important; } /* topo da edição */ .page_issue .obj_issue_toc .heading, .pkp_page_issue .obj_issue_toc .heading { display: block !important; margin: 0 0 24px !important; padding: 0 0 22px !important; border-bottom: 1px solid #e8edf2 !important; } /* capa principal da edição */ .page_issue .obj_issue_toc > .heading .cover, .pkp_page_issue .obj_issue_toc > .heading .cover { display: block !important; text-align: center !important; margin: 0 auto 24px !important; } .page_issue .obj_issue_toc > .heading .cover img, .pkp_page_issue .obj_issue_toc > .heading .cover img { display: block !important; width: 180% !important; max-width: 360px !important; height: auto !important; margin: 0 auto !important; border-radius: 14px !important; box-shadow: 0 14px 40px rgba(0,0,0,.14) !important; } /* mobile */ @media (max-width: 767px) { .page_issue .obj_issue_toc > .heading .cover img, .pkp_page_issue .obj_issue_toc > .heading .cover img { max-width: 290px !important; } } /* título da edição */ .page_issue h1, .pkp_page_issue h1 { font-size: 1.9rem !important; line-height: 1.15 !important; font-weight: 700 !important; color: #123A5D !important; margin-bottom: 18px !important; } /* seções */ .page_issue .obj_issue_toc .section h2, .pkp_page_issue .obj_issue_toc .section h2 { font-size: 1rem !important; font-weight: 600 !important; color: #5f6c79 !important; } /* cards dos artigos */ .page_issue .obj_article_summary, .pkp_page_issue .obj_article_summary { background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; padding: 14px 18px !important; margin-bottom: 14px !important; } /* títulos dos artigos */ .page_issue .obj_article_summary .title, .page_issue .obj_article_summary .title a, .pkp_page_issue .obj_article_summary .title, .pkp_page_issue .obj_article_summary .title a { font-size: 1.36rem !important; line-height: 1.24 !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; } /* botões PDF / HTML */ .page_issue .obj_article_summary .galleys_links a, .pkp_page_issue .obj_article_summary .galleys_links a { display: inline-block !important; border: 1px solid #123A5D !important; border-radius: 16px !important; background: transparent !important; color: #123A5D !important; padding: 4px 11px !important; font-size: 0.78rem !important; font-weight: 600 !important; text-transform: uppercase !important; margin-right: 7px !important; } .page_issue .obj_article_summary .galleys_links a:hover, .pkp_page_issue .obj_article_summary .galleys_links a:hover { background: #123A5D !important; color: #fff !important; } /* ============================================================ JDHAB — A2 final refinement for public article pages Purpose: improve OJS article landing pages without changing core OJS ============================================================ */ :root{ --jdhab-blue:#123A5D; --jdhab-ink:#24313e; --jdhab-muted:#657487; --jdhab-line:#e1e8ef; --jdhab-soft:#fbfcfe; } /* Wider and cleaner public article page */ .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main{ max-width: 1120px !important; width: calc(100% - 80px) !important; margin-left: auto !important; margin-right: auto !important; background: #ffffff !important; } /* Article title hierarchy */ .pkp_page_article .obj_article_details .page_title, .pkp_page_article .page_title{ color: var(--jdhab-blue) !important; font-size: 2.05rem !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; font-weight: 700 !important; margin-bottom: 20px !important; } /* Article landing card */ .pkp_page_article .obj_article_details{ background: #ffffff !important; border: 1px solid var(--jdhab-line) !important; border-radius: 14px !important; box-shadow: 0 12px 34px rgba(18,58,93,.045) !important; overflow: hidden !important; } /* Main content spacing */ .pkp_page_article .obj_article_details .main_entry{ padding: 26px 32px 34px !important; } /* Sidebar / metadata column */ .pkp_page_article .obj_article_details .entry_details{ background: var(--jdhab-soft) !important; border-left: 1px solid var(--jdhab-line) !important; padding: 22px 24px !important; } /* Metadata blocks */ .pkp_page_article .obj_article_details .entry_details .item{ border-bottom: 1px solid var(--jdhab-line) !important; padding: 14px 0 !important; margin: 0 !important; } .pkp_page_article .obj_article_details .entry_details .item:last-child{ border-bottom: 0 !important; } .pkp_page_article .obj_article_details .entry_details .item h2{ color: var(--jdhab-blue) !important; font-size: .78rem !important; letter-spacing: .10em !important; text-transform: uppercase !important; font-weight: 750 !important; margin-bottom: 6px !important; } /* Galley buttons on article page */ .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys{ margin-bottom: 18px !important; } .pkp_page_article .obj_article_details .galleys_links a, .pkp_page_article .obj_article_details .galleys a, .pkp_page_article .obj_galley_link{ display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--jdhab-blue) !important; border-radius: 999px !important; background: #ffffff !important; color: var(--jdhab-blue) !important; padding: 7px 15px !important; font-size: .80rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .02em !important; text-decoration: none !important; margin-right: 8px !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .galleys_links a:hover, .pkp_page_article .obj_article_details .galleys a:hover, .pkp_page_article .obj_galley_link:hover{ background: var(--jdhab-blue) !important; color: #ffffff !important; text-decoration: none !important; } /* Abstract as a clean editorial card */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details .abstract{ margin-top: 26px !important; padding: 22px 24px !important; border: 1px solid var(--jdhab-line) !important; border-radius: 12px !important; background: var(--jdhab-soft) !important; } .pkp_page_article .obj_article_details .item.abstract h2, .pkp_page_article .obj_article_details .abstract h2{ color: var(--jdhab-blue) !important; font-size: .82rem !important; letter-spacing: .12em !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 12px !important; } /* Article text on landing page */ .pkp_page_article .obj_article_details .abstract p, .pkp_page_article .obj_article_details .item.abstract p{ font-size: .98rem !important; line-height: 1.72 !important; color: var(--jdhab-ink) !important; } /* Keywords and authors */ .pkp_page_article .obj_article_details .authors, .pkp_page_article .obj_article_details .item.keywords, .pkp_page_article .obj_article_details .keywords{ color: var(--jdhab-muted) !important; font-size: .92rem !important; line-height: 1.55 !important; } /* License block less heavy */ .pkp_page_article .obj_article_details .item.license, .pkp_page_article .obj_article_details .license{ font-size: .84rem !important; line-height: 1.58 !important; color: var(--jdhab-muted) !important; } /* DOI / issue / published links */ .pkp_page_article .obj_article_details .entry_details a{ color: var(--jdhab-blue) !important; text-decoration: none !important; } .pkp_page_article .obj_article_details .entry_details a:hover{ text-decoration: underline !important; text-underline-offset: 3px !important; } /* Mobile refinement */ @media (max-width: 768px){ .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main{ width: 100% !important; max-width: none !important; } .pkp_page_article .obj_article_details{ border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .main_entry{ padding: 22px 18px 28px !important; } .pkp_page_article .obj_article_details .entry_details{ border-left: 0 !important; border-top: 1px solid var(--jdhab-line) !important; padding: 18px !important; } .pkp_page_article .obj_article_details .page_title, .pkp_page_article .page_title{ font-size: 1.55rem !important; line-height: 1.22 !important; } } /* ============================================================ JDHAB — A2 line cleanup for article pages Purpose: remove residual OJS structural lines after A2 refinement ============================================================ */ /* Remove OJS vertical canvas guide lines */ .pkp_page_article .pkp_structure_main::before, .pkp_page_article .pkp_structure_main::after, .pkp_page_issue .pkp_structure_main::before, .pkp_page_issue .pkp_structure_main::after, .pkp_page_issue_archive .pkp_structure_main::before, .pkp_page_issue_archive .pkp_structure_main::after { display: none !important; content: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Remove default OJS horizontal and vertical borders inside article landing pages */ .pkp_page_article .obj_article_details .row { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .main_entry { border-right: 0 !important; box-shadow: none !important; } .pkp_page_article .obj_article_details .entry_details { border-left: 0 !important; border-top: 0 !important; box-shadow: none !important; } /* Keep sidebar separation by background, not by a hard line */ .pkp_page_article .obj_article_details .entry_details { background: #fbfcfe !important; } /* Remove any remaining artificial line immediately below title row */ .pkp_page_article .obj_article_details .row::before, .pkp_page_article .obj_article_details .row::after, .pkp_page_article .obj_article_details .main_entry::before, .pkp_page_article .obj_article_details .main_entry::after, .pkp_page_article .obj_article_details .entry_details::before, .pkp_page_article .obj_article_details .entry_details::after { border: 0 !important; background: transparent !important; box-shadow: none !important; } /* ============================================================ JDHAB — A3 final article landing refinement Purpose: refine title spacing, card breathing and long editorial titles ============================================================ */ /* Give the title proper internal padding inside the article card */ .pkp_page_article .obj_article_details > .page_title, .pkp_page_article .obj_article_details .page_title { padding: 28px 32px 6px !important; margin: 0 !important; max-width: 940px !important; color: #123A5D !important; font-size: clamp(1.72rem, 2vw, 1.95rem) !important; line-height: 1.18 !important; letter-spacing: -0.025em !important; box-sizing: border-box !important; } /* Subtitle, when present */ .pkp_page_article .obj_article_details > .subtitle { padding: 0 32px 10px !important; margin: 0 !important; color: #607084 !important; font-size: 0.96rem !important; line-height: 1.45 !important; } /* Remove the large OJS gap between title and article information */ .pkp_page_article .obj_article_details .row { margin-top: 0 !important; } /* Bring author/keywords and right metadata into a cleaner vertical rhythm */ .pkp_page_article .obj_article_details .main_entry { padding-top: 20px !important; } .pkp_page_article .obj_article_details .entry_details { padding-top: 20px !important; } /* Keep abstract visually refined without starting too far below */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details .abstract { margin-top: 20px !important; } /* Mobile refinement */ @media (max-width: 768px) { .pkp_page_article .obj_article_details > .page_title, .pkp_page_article .obj_article_details .page_title { padding: 22px 18px 6px !important; font-size: 1.45rem !important; line-height: 1.22 !important; } .pkp_page_article .obj_article_details > .subtitle { padding: 0 18px 8px !important; } .pkp_page_article .obj_article_details .main_entry { padding-top: 16px !important; } .pkp_page_article .obj_article_details .entry_details { padding-top: 16px !important; } } /* ============================================================ JDHAB — A4 breathing room for abstract and article landing ============================================================ */ /* More breathing room inside the abstract card */ .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details section.abstract, .pkp_page_article .obj_article_details .abstract { padding: 24px 28px !important; margin-top: 26px !important; margin-bottom: 28px !important; line-height: 1.78 !important; } /* Better paragraph rhythm inside abstract */ .pkp_page_article .obj_article_details .item.abstract p, .pkp_page_article .obj_article_details section.abstract p, .pkp_page_article .obj_article_details .abstract p { margin-top: 0 !important; margin-bottom: 14px !important; line-height: 1.78 !important; } /* Last paragraph without excessive bottom gap */ .pkp_page_article .obj_article_details .item.abstract p:last-child, .pkp_page_article .obj_article_details section.abstract p:last-child, .pkp_page_article .obj_article_details .abstract p:last-child { margin-bottom: 0 !important; } /* More air between author/keywords and abstract */ .pkp_page_article .obj_article_details .main_entry .item.keywords { margin-bottom: 20px !important; } /* Sidebar blocks with more breathing room */ .pkp_page_article .obj_article_details .entry_details .item { padding-top: 18px !important; padding-bottom: 18px !important; } /* How to cite less compressed */ .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display { padding-top: 18px !important; margin-top: 8px !important; line-height: 1.65 !important; } /* Mobile/tablet */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .item.abstract, .pkp_page_article .obj_article_details section.abstract, .pkp_page_article .obj_article_details .abstract { padding: 20px 18px !important; margin-top: 22px !important; margin-bottom: 24px !important; } } /* ============================================================ JDHAB — emergency mobile viewport fix Purpose: prevent mobile article pages from being clipped/cut ============================================================ */ @media (max-width: 768px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .pkp_structure_page, .pkp_structure_content, .pkp_structure_main, .pkp_page_article .pkp_structure_content, .pkp_page_article .pkp_structure_main { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; overflow-x: hidden !important; } .pkp_page_article .obj_article_details { width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; margin-left: 12px !important; margin-right: 12px !important; box-sizing: border-box !important; overflow: hidden !important; } .pkp_page_article .obj_article_details .row { display: block !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details .main_entry, .pkp_page_article .obj_article_details .entry_details { display: block !important; float: none !important; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 18px !important; padding-right: 18px !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details .entry_details { border-left: 0 !important; border-top: 1px solid #d9e4ee !important; } .pkp_page_article .obj_article_details .entry_details .item, .pkp_page_article .obj_article_details .main_entry .item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .pkp_page_article .obj_article_details p, .pkp_page_article .obj_article_details a, .pkp_page_article .obj_article_details .value { overflow-wrap: anywhere !important; word-break: normal !important; } .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } } /* ============================================================ JDHAB — Mobile collapsible abstract Purpose: make long abstracts less tiring on mobile ============================================================ */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .jdhab-mobile-abstract { position: relative !important; overflow: hidden !important; transition: max-height 0.25s ease !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed { max-height: 360px !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-expanded { max-height: none !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 90px !important; background: linear-gradient( to bottom, rgba(251,252,254,0), rgba(251,252,254,1) ) !important; pointer-events: none !important; } .jdhab-abstract-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 14px 0 4px !important; padding: 9px 18px !important; border: 1px solid #123A5D !important; border-radius: 999px !important; background: #ffffff !important; color: #123A5D !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; cursor: pointer !important; } .jdhab-abstract-toggle:hover, .jdhab-abstract-toggle:focus { background: #123A5D !important; color: #ffffff !important; } } /* ============================================================ JDHAB — Mobile collapsible abstract ============================================================ */ @media (max-width: 768px) { .pkp_page_article .obj_article_details .jdhab-mobile-abstract { position: relative !important; overflow: hidden !important; transition: max-height 0.25s ease !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed { max-height: 390px !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-expanded { max-height: none !important; } .pkp_page_article .obj_article_details .jdhab-mobile-abstract.is-collapsed::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; height: 95px !important; background: linear-gradient( to bottom, rgba(251,252,254,0), rgba(251,252,254,1) ) !important; pointer-events: none !important; } .jdhab-abstract-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 14px 0 8px !important; padding: 10px 18px !important; border: 1px solid #123A5D !important; border-radius: 999px !important; background: #ffffff !important; color: #123A5D !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; cursor: pointer !important; } .jdhab-abstract-toggle:hover, .jdhab-abstract-toggle:focus { background: #123A5D !important; color: #ffffff !important; } } /* ============================================================ JDHAB — Desktop-only final refinement Purpose: improve desktop article landing pages without changing mobile ============================================================ */ @media (min-width: 769px) { /* Give more editorial breathing between main text and sidebar */ .pkp_page_article .obj_article_details .main_entry { padding-right: 42px !important; } .pkp_page_article .obj_article_details .entry_details { padding-left: 34px !important; padding-right: 28px !important; } /* Abstract card: slightly narrower and more elegant on desktop */ .pkp_page_article .obj_article_details .main_entry .item.abstract, .pkp_page_article .obj_article_details .main_entry section.abstract, .pkp_page_article .obj_article_details .main_entry .abstract { width: calc(100% - 24px) !important; margin-top: 28px !important; margin-right: 24px !important; margin-bottom: 32px !important; padding: 24px 28px !important; box-sizing: border-box !important; } /* Better rhythm inside abstract */ .pkp_page_article .obj_article_details .item.abstract p, .pkp_page_article .obj_article_details section.abstract p, .pkp_page_article .obj_article_details .abstract p { line-height: 1.74 !important; margin-bottom: 13px !important; } /* Sidebar blocks: more refined spacing */ .pkp_page_article .obj_article_details .entry_details .item { padding-top: 18px !important; padding-bottom: 18px !important; } /* How to cite: readable and compact */ .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display, .pkp_page_article .obj_article_details .citation_display p, .pkp_page_article .obj_article_details .citation_display a { font-size: 0.86rem !important; line-height: 1.58 !important; overflow-wrap: anywhere !important; } /* PDF / HTML buttons with cleaner spacing */ .pkp_page_article .obj_article_details .galleys_links, .pkp_page_article .obj_article_details .galleys { margin-bottom: 22px !important; } .pkp_page_article .obj_article_details .obj_galley_link { margin-right: 10px !important; } } /* ============================================================ JDHAB — final desktop micro-polish for citation block Safe: no layout, no grid, no width changes ============================================================ */ @media (min-width: 769px) { .pkp_page_article .obj_article_details .citation_display, .pkp_page_article .obj_article_details .item.citation_display, .pkp_page_article .obj_article_details .citation_display p, .pkp_page_article .obj_article_details .citation_display a { font-size: 0.88rem !important; line-height: 1.62 !important; overflow-wrap: anywhere !important; } .pkp_page_article .obj_article_details .citation_display h2, .pkp_page_article .obj_article_details .item.citation_display h2 { margin-bottom: 10px !important; } .pkp_page_article .obj_article_details select { border: 1px solid #d9e4ee !important; border-radius: 6px !important; padding: 6px 8px !important; font-size: 0.82rem !important; color: #123A5D !important; background: #ffffff !important; } } /* ============================================================ JDHAB — discrete article metrics block Purpose: show article-level OJS usage statistics elegantly ============================================================ */ .jdhab-article-metrics { padding-top: 18px !important; padding-bottom: 18px !important; } .jdhab-article-metrics h2 { color: #123A5D !important; font-size: 0.76rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; font-weight: 800 !important; margin-bottom: 12px !important; } .jdhab-metrics-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } .jdhab-metric-box { border: 1px solid #d9e4ee !important; border-radius: 10px !important; background: #ffffff !important; padding: 9px 10px !important; text-align: left !important; } .jdhab-metric-number { display: block !important; color: #123A5D !important; font-size: 1.05rem !important; line-height: 1.1 !important; font-weight: 800 !important; } .jdhab-metric-label { display: block !important; margin-top: 4px !important; color: #657487 !important; font-size: 0.68rem !important; line-height: 1.25 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; } .jdhab-metrics-note { margin-top: 10px !important; color: #657487 !important; font-size: 0.72rem !important; line-height: 1.45 !important; } @media (max-width: 768px) { .jdhab-article-metrics { padding-top: 20px !important; padding-bottom: 20px !important; } .jdhab-metrics-grid { gap: 10px !important; } .jdhab-metric-box { padding: 11px 12px !important; } .jdhab-metric-number { font-size: 1.18rem !important; } } #authorGuidelines p { display: block !important; visibility: visible !important; color: #111 !important; font-size: 16px !important; line-height: 1.7 !important; font-weight: 400 !important; margin: 0 0 1rem 0 !important; } #authorGuidelines strong { font-weight: 700 !important; } /* ===== JDHAB — reduzir vazio no topo da issue ===== */ .pkp_page_issue .obj_issue_toc .heading, .page_issue .obj_issue_toc .heading { margin-bottom: 12px !important; padding-bottom: 10px !important; } .pkp_page_issue .obj_issue_toc .section, .page_issue .obj_issue_toc .section { margin-top: 14px !important; padding-top: 14px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type, .page_issue .obj_issue_toc .section:first-of-type { margin-top: 8px !important; padding-top: 8px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type::before, .page_issue .obj_issue_toc .section:first-of-type::before { top: 22px !important; } .pkp_page_issue .obj_issue_toc .section > h2, .page_issue .obj_issue_toc .section > h2 { margin-top: 0 !important; margin-bottom: 10px !important; } /* ===== JDHAB — reduzir vazio no topo da issue ===== */ .pkp_page_issue .obj_issue_toc .heading, .page_issue .obj_issue_toc .heading { margin-bottom: 12px !important; padding-bottom: 10px !important; } .pkp_page_issue .obj_issue_toc .section, .page_issue .obj_issue_toc .section { margin-top: 14px !important; padding-top: 14px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type, .page_issue .obj_issue_toc .section:first-of-type { margin-top: 8px !important; padding-top: 8px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type::before, .page_issue .obj_issue_toc .section:first-of-type::before { top: 22px !important; } .pkp_page_issue .obj_issue_toc .section > h2, .page_issue .obj_issue_toc .section > h2 { margin-top: 0 !important; margin-bottom: 10px !important; } /* ===== JDHAB — correção final da capa da issue ===== */ /* bloco da capa da edição */ .pkp_page_issue .obj_issue_toc .heading, .page_issue .obj_issue_toc .heading { display: block !important; margin: 0 0 18px !important; padding: 0 0 18px !important; border-bottom: 1px solid #e8edf2 !important; overflow: visible !important; } /* capa principal */ .pkp_page_issue .obj_issue_toc > .heading .cover, .page_issue .obj_issue_toc > .heading .cover { display: block !important; float: none !important; clear: both !important; width: 180px !important; max-width: 180px !important; margin: 0 0 14px 0 !important; text-align: left !important; } /* imagem da capa */ .pkp_page_issue .obj_issue_toc > .heading .cover img, .page_issue .obj_issue_toc > .heading .cover img { display: block !important; width: 180px !important; max-width: 180px !important; height: auto !important; border-radius: 10px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } /* evita sobreposição do Published */ .pkp_page_issue .obj_issue_toc .published, .page_issue .obj_issue_toc .published { display: block !important; position: static !important; float: none !important; clear: both !important; margin: 6px 0 0 0 !important; font-size: 0.9rem !important; } /* remove capa dos cards/artigos */ .pkp_page_issue .obj_article_summary .cover, .pkp_page_issue .obj_article_summary .thumbnail, .page_issue .obj_article_summary .cover, .page_issue .obj_article_summary .thumbnail { display: none !important; } /* mobile */ @media (max-width: 767px) { .pkp_page_issue .obj_issue_toc > .heading .cover, .page_issue .obj_issue_toc > .heading .cover, .pkp_page_issue .obj_issue_toc > .heading .cover img, .page_issue .obj_issue_toc > .heading .cover img { width: 150px !important; max-width: 150px !important; } } /* ===== JDHAB — compactar topo da issue ===== */ .pkp_page_issue .obj_issue_toc .heading, .page_issue .obj_issue_toc .heading { margin-bottom: 8px !important; padding-bottom: 10px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type, .page_issue .obj_issue_toc .section:first-of-type { margin-top: 8px !important; padding-top: 8px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type::before, .page_issue .obj_issue_toc .section:first-of-type::before { top: 18px !important; } .pkp_page_issue .obj_issue_toc .section:first-of-type > h2, .page_issue .obj_issue_toc .section:first-of-type > h2 { margin-top: 0 !important; } /* ===== JDHAB — centralizar capa da issue ===== */ .pkp_page_issue .obj_issue_toc .heading, .page_issue .obj_issue_toc .heading { text-align: center !important; margin-bottom: 14px !important; padding-bottom: 14px !important; } .pkp_page_issue .obj_issue_toc > .heading .cover, .page_issue .obj_issue_toc > .heading .cover { float: none !important; clear: both !important; display: block !important; width: 220px !important; max-width: 220px !important; margin: 0 auto 10px auto !important; } .pkp_page_issue .obj_issue_toc > .heading .cover img, .page_issue .obj_issue_toc > .heading .cover img { display: block !important; width: 220px !important; max-width: 220px !important; height: auto !important; margin: 0 auto !important; border-radius: 10px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } .pkp_page_issue .obj_issue_toc .published, .page_issue .obj_issue_toc .published { display: block !important; text-align: center !important; margin: 8px auto 0 auto !important; float: none !important; clear: both !important; position: static !important; } /* ===== JDHAB — Archives final responsive ===== */ .pkp_page_issue_archive .issues_archive, .page_issue_archive .issues_archive { max-width: 760px !important; margin: 0 auto !important; padding: 0 !important; } .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: grid !important; grid-template-columns: 220px 1fr !important; gap: 32px !important; align-items: start !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover { display: block !important; width: 220px !important; max-width: 150px !important; margin: 0 !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img { display: block !important; width: 220px !important; max-width: 220px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { margin-top: 8px !important; } /* Mobile: capa sem deformar e centralizada */ @media (max-width: 767px) { .pkp_page_issue_archive .issues_archive, .page_issue_archive .issues_archive { max-width: 100% !important; } .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: block !important; text-align: center !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover { width: 260px !important; max-width: 82vw !important; margin: 0 auto 18px auto !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img { width: 100% !important; max-width: 100% !important; height: auto !important; object-fit: contain !important; border-radius: 18px !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { text-align: center !important; } } /* ===== JDHAB — Article page cover polish ===== */ .pkp_page_article .cover_image img, .pkp_page_article .item.cover_image img, .pkp_page_article .article-cover img, .pkp_page_article .obj_article_details img { border-radius: 14px !important; } .pkp_page_article .cover_image, .pkp_page_article .item.cover_image { overflow: hidden !important; border-radius: 14px !important; } /* ===== JDHAB — Archives compact final ===== */ .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: grid !important; grid-template-columns: 230px 1fr !important; gap: 28px !important; align-items: center !important; max-width: 720px !important; margin: 0 auto 28px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover { width: 230px !important; max-width: 230px !important; margin: 0 !important; padding: 0 !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img { display: block !important; width: 230px !important; max-width: 230px !important; height: auto !important; object-fit: contain !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { margin: 0 !important; text-align: left !important; } /* mobile */ @media (max-width: 767px) { .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: block !important; max-width: 100% !important; text-align: center !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover { width: 260px !important; max-width: 82vw !important; margin: 0 auto 16px auto !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img { width: 100% !important; max-width: 100% !important; height: auto !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { text-align: center !important; } } /* ===== JDHAB — Article cover: remover moldura branca ===== */ .pkp_page_article .item.cover_image, .pkp_page_article .cover_image, .pkp_page_article .item.cover, .pkp_page_article .cover { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; overflow: visible !important; } .pkp_page_article .item.cover_image img, .pkp_page_article .cover_image img, .pkp_page_article .item.cover img, .pkp_page_article .cover img { display: block !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } /* ===== JDHAB — Archives: remover wrapper branco definitivamente ===== */ .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto 32px auto !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary .cover a, .page_issue_archive .obj_issue_summary .cover a, .pkp_page_issue_archive .obj_issue_summary .cover picture, .page_issue_archive .obj_issue_summary .cover picture { display: block !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto !important; overflow: visible !important; border-radius: 0 !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img { display: block !important; width: 200px !important; max-width: 150px !important; height: auto !important; object-fit: contain !important; background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 auto !important; border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { display: block !important; text-align: center !important; margin: 18px auto 0 auto !important; } /* ===== JDHAB — Archives clean: sem capa ===== */ .pkp_page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary a.cover, .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary a.cover, .page_issue_archive .obj_issue_summary .cover img { display: none !important; } .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: block !important; max-width: 720px !important; margin: 0 auto 24px auto !important; padding: 18px 22px !important; background: #fff !important; border: 1px solid #e6eaef !important; border-radius: 10px !important; box-shadow: none !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title, .pkp_page_issue_archive .obj_issue_summary .title a, .page_issue_archive .obj_issue_summary .title a { text-align: left !important; font-size: 1.25rem !important; font-weight: 700 !important; color: #123A5D !important; text-decoration: none !important; } /* ===== JDHAB — não arredondar ícones/licenças no artigo ===== */ .pkp_page_article .obj_article_details img { border-radius: 0 !important; box-shadow: none !important; } /* arredondar somente a capa do artigo */ .pkp_page_article .item.cover_image img, .pkp_page_article .cover_image img { border-radius: 14px !important; box-shadow: 0 10px 26px rgba(0,0,0,.12) !important; height: auto !important; object-fit: contain !important; } @media (max-width: 767px) { .pkp_page_article .item.cover_image img, .pkp_page_article .cover_image img { width: 100% !important; max-width: 150px !important; height: auto !important; object-fit: contain !important; } } /* ============================================================ JDHAB — FINAL FIX: capas responsivas sem deformação ============================================================ */ /* 1. Imagens nunca podem deformar */ .pkp_page_issue img, .page_issue img, .pkp_page_issue_archive img, .page_issue_archive img, .pkp_page_article img { max-width: 100% !important; height: auto !important; object-fit: contain !important; } /* 2. Capa da edição — desktop */ .pkp_page_issue .obj_issue_toc > .heading .cover, .page_issue .obj_issue_toc > .heading .cover { display: block !important; width: 260px !important; max-width: 260px !important; margin: 0 auto 12px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; text-align: center !important; } .pkp_page_issue .obj_issue_toc > .heading .cover img, .page_issue .obj_issue_toc > .heading .cover img { display: block !important; width: 260px !important; max-width: 150px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0,0,0,.14) !important; } /* 3. Capa da edição — mobile */ @media (max-width: 767px) { .pkp_page_issue .obj_issue_toc > .heading .cover, .page_issue .obj_issue_toc > .heading .cover { width: 82vw !important; max-width: 150px !important; margin: 0 auto 12px auto !important; } .pkp_page_issue .obj_issue_toc > .heading .cover img, .page_issue .obj_issue_toc > .heading .cover img { width: 100% !important; max-width: 320px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; border-radius: 14px !important; } } /* 4. Published centralizado */ .pkp_page_issue .obj_issue_toc .published, .page_issue .obj_issue_toc .published { display: block !important; position: static !important; float: none !important; clear: both !important; text-align: center !important; margin: 8px auto 0 auto !important; } /* 5. Archives — capa limpa, centralizada e sem deformar */ .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: block !important; text-align: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 auto 36px auto !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary a.cover, .page_issue_archive .obj_issue_summary a.cover { display: block !important; width: 240px !important; max-width: 200px !important; margin: 0 auto 16px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; line-height: 0 !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img, .pkp_page_issue_archive .obj_issue_summary a.cover img, .page_issue_archive .obj_issue_summary a.cover img { display: block !important; width: 240px !important; max-width: 150px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; margin: 0 auto !important; border-radius: 14px !important; box-shadow: 0 12px 32px rgba(0,0,0,.14) !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title { display: block !important; text-align: center !important; margin: 14px auto 0 auto !important; } /* 6. Archives mobile */ @media (max-width: 767px) { .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary a.cover, .page_issue_archive .obj_issue_summary a.cover { width: 82vw !important; max-width: 150px !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img, .pkp_page_issue_archive .obj_issue_summary a.cover img, .page_issue_archive .obj_issue_summary a.cover img { width: 100% !important; max-width: 150px !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; } } /* 7. Artigo individual: capa menor no mobile para não atrapalhar resumo */ @media (max-width: 767px) { .pkp_page_article .cover_image, .pkp_page_article .item.cover_image, .pkp_page_article .cover, .pkp_page_article .item.cover { max-width: 260px !important; margin: 18px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .pkp_page_article .cover_image img, .pkp_page_article .item.cover_image img, .pkp_page_article .cover img, .pkp_page_article .item.cover img { width: 100% !important; max-width: 150px !important; height: auto !important; object-fit: contain !important; border-radius: 14px !important; } } /* 8. Nunca arredondar logos/ícones de licença */ .pkp_page_article .obj_article_details img[src*="creativecommons"], .pkp_page_article .obj_article_details img[src*="cc"], .pkp_page_article .obj_article_details img[alt*="Creative"], .pkp_page_article .obj_article_details img[alt*="License"] { border-radius: 0 !important; box-shadow: none !important; } /* ===== JDHAB — Home current issue cover only ===== */ .pkp_page_index .current_issue .cover img, .pkp_page_index .issue_cover img { display: block !important; height: auto !important; max-width: 80% !important; object-fit: contain !important; border-radius: 18px !important; } /* ===== JDHAB — centralizar a capa no artigo (mobile) ===== */ @media (max-width: 768px) { .pkp_page_article .entry_details .cover, .pkp_page_article .item.cover_image, .pkp_page_article .cover_image { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; } .pkp_page_article .entry_details .cover img, .pkp_page_article .item.cover_image img, .pkp_page_article .cover_image img { display: block !important; margin: 0 auto !important; } } /* ===== JDHAB — Archives: capa e título centralizados ===== */ .pkp_page_issue_archive .issues_archive, .page_issue_archive .issues_archive { max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; } .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; max-width: 420px !important; margin: 34px auto 42px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary a.cover, .page_issue_archive .obj_issue_summary a.cover { display: block !important; width: 220px !important; max-width: 150px !important; height: auto !important; margin: 0 auto 18px auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; line-height: 0 !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img, .pkp_page_issue_archive .obj_issue_summary a.cover img, .page_issue_archive .obj_issue_summary a.cover img { display: block !important; width: 220px !important; max-width: 150px !important; height: auto !important; object-fit: contain !important; object-position: center center !important; margin: 0 auto !important; border-radius: 14px !important; box-shadow: 0 12px 30px rgba(0,0,0,.12) !important; } .pkp_page_issue_archive .obj_issue_summary .title, .page_issue_archive .obj_issue_summary .title, .pkp_page_issue_archive .obj_issue_summary .title a, .page_issue_archive .obj_issue_summary .title a { display: block !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; color: #123A5D !important; font-size: 1.22rem !important; line-height: 1.25 !important; font-weight: 700 !important; text-decoration: none !important; } /* Mobile */ @media (max-width: 767px) { .pkp_page_issue_archive .obj_issue_summary, .page_issue_archive .obj_issue_summary { max-width: 100% !important; margin: 28px auto 36px auto !important; } .pkp_page_issue_archive .obj_issue_summary .cover, .page_issue_archive .obj_issue_summary .cover, .pkp_page_issue_archive .obj_issue_summary a.cover, .page_issue_archive .obj_issue_summary a.cover { width: 210px !important; max-width: 72vw !important; } .pkp_page_issue_archive .obj_issue_summary .cover img, .page_issue_archive .obj_issue_summary .cover img, .pkp_page_issue_archive .obj_issue_summary a.cover img, .page_issue_archive .obj_issue_summary a.cover img { width: 80% !important; max-width: 72vw !important; height: auto !important; } } /* ============================================================ JDHAB — Footer mobile premium compact Compacto, institucional, em duas colunas ============================================================ */ @media (max-width: 767px) { .pkp_structure_footer_wrapper { background: #ffffff !important; border-top: 1px solid #eef1f4 !important; } .pkp_structure_footer, .pkp_footer_content { background: #ffffff !important; margin: 0 !important; padding: 0 !important; } .jdhab-footer { margin: 0 !important; padding: 20px 0 12px !important; background: #ffffff !important; color: rgba(0,0,0,.68) !important; } .jdhab-footer__inner { width: calc(100% - 48px) !important; max-width: 390px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } .jdhab-footer__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 28px !important; row-gap: 16px !important; align-items: start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .jdhab-footer__col { margin: 0 !important; padding: 0 !important; min-width: 0 !important; } .jdhab-footer__col--brand { grid-column: 1 / -1 !important; padding-bottom: 12px !important; border-bottom: 1px solid #eef1f4 !important; } .jdhab-footer__brand { margin: 0 0 5px 0 !important; padding: 0 !important; font-size: .95rem !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .02em !important; color: rgba(0,0,0,.90) !important; } .jdhab-footer__tagline { margin: 0 0 3px 0 !important; padding: 0 !important; font-size: .84rem !important; line-height: 1.35 !important; color: rgba(0,0,0,.62) !important; } .jdhab-footer__note { margin: 0 0 3px 0 !important; padding: 0 !important; font-size: .82rem !important; line-height: 1.3 !important; color: rgba(0,0,0,.58) !important; } .jdhab-footer__ttl { margin: 0 0 7px 0 !important; padding: 0 !important; font-size: .88rem !important; line-height: 1.2 !important; font-weight: 800 !important; color: rgba(0,0,0,.88) !important; } .jdhab-footer a { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 0 4px 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; font-size: .82rem !important; line-height: 1.3 !important; font-weight: 400 !important; color: rgba(0,0,0,.66) !important; text-decoration: none !important; } .jdhab-footer a:hover, .jdhab-footer a:focus { color: #123A5D !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .jdhab-footer br { display: none !important; } .jdhab-footer p { margin: 0 !important; padding: 0 !important; } .jdhab-footer__bottom { margin: 14px 0 0 0 !important; padding: 10px 0 0 0 !important; border-top: 1px solid #eef1f4 !important; font-size: .76rem !important; line-height: 1.35 !important; color: rgba(0,0,0,.50) !important; } } /* ============================================================ JDHAB — Mobile footer: remover bloco Policies ============================================================ */ @media (max-width: 767px) { /* esconde somente a terceira coluna do rodapé: Policies */ .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } /* deixa o rodapé mobile em duas colunas limpas */ .jdhab-footer__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 28px !important; row-gap: 0 !important; align-items: start !important; } .jdhab-footer__col--brand { grid-column: auto !important; padding-bottom: 0 !important; border-bottom: 0 !important; } .jdhab-footer { padding: 22px 0 12px !important; } .jdhab-footer__inner { width: calc(100% - 48px) !important; max-width: 390px !important; margin: 0 auto !important; } .jdhab-footer__brand, .jdhab-footer__ttl { margin-bottom: 7px !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .82rem !important; line-height: 1.35 !important; } .jdhab-footer a { margin-bottom: 4px !important; } .jdhab-footer__bottom { grid-column: 1 / -1 !important; margin-top: 16px !important; padding-top: 10px !important; border-top: 1px solid #eef1f4 !important; font-size: .76rem !important; color: rgba(0,0,0,.50) !important; } } @media (max-width: 767px) { .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .80rem !important; line-height: 1.32 !important; } .jdhab-footer__grid { column-gap: 22px !important; } } /* ============================================================ JDHAB — Footer tablet fix Tablet: manter duas colunas e remover Policies ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .pkp_structure_footer_wrapper { background: #ffffff !important; border-top: 1px solid #eef1f4 !important; } .jdhab-footer { margin: 0 !important; padding: 24px 0 14px !important; background: #ffffff !important; } .jdhab-footer__inner { width: calc(100% - 64px) !important; max-width: 680px !important; margin: 0 auto !important; padding: 0 !important; } .jdhab-footer__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 42px !important; row-gap: 0 !important; align-items: start !important; } /* remove Policies no tablet também */ .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } .jdhab-footer__col { margin: 0 !important; padding: 0 !important; } .jdhab-footer__col--brand { grid-column: auto !important; padding-bottom: 0 !important; border-bottom: 0 !important; } .jdhab-footer__brand, .jdhab-footer__ttl { margin: 0 0 7px 0 !important; font-weight: 800 !important; color: rgba(0,0,0,.88) !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .86rem !important; line-height: 1.36 !important; } .jdhab-footer a { display: block !important; margin: 0 0 4px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; } .jdhab-footer__bottom { margin-top: 16px !important; padding-top: 10px !important; border-top: 1px solid #eef1f4 !important; font-size: .78rem !important; color: rgba(0,0,0,.50) !important; } } /* ============================================================ JDHAB — Footer tablet right column refinement Compactar links da coluna Journal no tablet ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { .jdhab-footer__grid { grid-template-columns: 1.15fr .85fr !important; column-gap: 56px !important; align-items: start !important; } /* coluna Journal */ .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(2) { padding-top: 0 !important; } .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(2) .jdhab-footer__ttl { margin-bottom: 8px !important; } .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(2) a { display: block !important; margin: 0 0 6px 0 !important; padding: 0 !important; line-height: 1.25 !important; font-size: .86rem !important; } .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(2) br { display: none !important; } /* garante que o Policies continue oculto no tablet */ .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } .jdhab-footer__bottom { margin-top: 18px !important; } } @media (min-width: 768px) and (max-width: 1024px) { .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(2) p { margin: 0 !important; padding: 0 !important; line-height: 1 !important; } } /* ============================================================ JDHAB — Footer final micro-polish: tablet + mobile ============================================================ */ /* Tablet */ @media (min-width: 768px) and (max-width: 1024px) { .jdhab-footer { padding: 20px 0 12px !important; } .jdhab-footer__inner { max-width: 840px !important; } .jdhab-footer__grid { grid-template-columns: 1.12fr .88fr !important; column-gap: 48px !important; } .jdhab-footer__brand, .jdhab-footer__ttl { font-size: .92rem !important; margin-bottom: 6px !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .82rem !important; line-height: 1.30 !important; } .jdhab-footer a { margin-bottom: 4px !important; } .jdhab-footer__bottom { margin-top: 14px !important; padding-top: 9px !important; font-size: .74rem !important; } } /* Celular */ @media (max-width: 840px) { .jdhab-footer { padding: 20px 0 12px !important; } .jdhab-footer__inner { width: calc(100% - 48px) !important; } .jdhab-footer__grid { column-gap: 24px !important; } .jdhab-footer__brand, .jdhab-footer__ttl { font-size: .92rem !important; margin-bottom: 6px !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .80rem !important; line-height: 1.30 !important; } .jdhab-footer a { margin-bottom: 4px !important; } .jdhab-footer__bottom { margin-top: 14px !important; padding-top: 9px !important; font-size: .74rem !important; } } /* ============================================================ JDHAB — Footer final compact version Mobile + tablet visibly tighter ============================================================ */ /* CELULAR */ @media (max-width: 840px) { .jdhab-footer { padding: 14px 0 8px !important; } .jdhab-footer__inner { width: calc(100% - 44px) !important; max-width: 390px !important; } .jdhab-footer__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 22px !important; row-gap: 0 !important; align-items: start !important; } .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } .jdhab-footer__brand, .jdhab-footer__ttl { font-size: .86rem !important; line-height: 1.15 !important; margin: 0 0 5px 0 !important; font-weight: 800 !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .76rem !important; line-height: 1.22 !important; margin-bottom: 3px !important; } .jdhab-footer__bottom { margin-top: 10px !important; padding-top: 7px !important; font-size: .70rem !important; line-height: 1.25 !important; } } /* TABLET */ @media (min-width: 768px) and (max-width: 1024px) { .jdhab-footer { padding: 16px 0 9px !important; } .jdhab-footer__inner { width: calc(100% - 72px) !important; max-width: 840px !important; } .jdhab-footer__grid { display: grid !important; grid-template-columns: 1.08fr .92fr !important; column-gap: 44px !important; row-gap: 0 !important; align-items: start !important; } .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } .jdhab-footer__brand, .jdhab-footer__ttl { font-size: .86rem !important; line-height: 1.15 !important; margin: 0 0 5px 0 !important; font-weight: 800 !important; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer a { font-size: .76rem !important; line-height: 1.22 !important; margin-bottom: 3px !important; } .jdhab-footer__bottom { margin-top: 10px !important; padding-top: 7px !important; font-size: .70rem !important; line-height: 1.25 !important; } } /* ============================================================ JDHAB — Footer final alignment repair Centraliza desktop/tablet/mobile e força links em bloco ============================================================ */ /* Base global do rodapé */ body .pkp_structure_footer_wrapper { background: #ffffff !important; border-top: 1px solid #eef1f4 !important; } body .pkp_structure_footer_wrapper .pkp_structure_footer, body .pkp_structure_footer_wrapper .pkp_footer_content { width: 103% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; } body .pkp_structure_footer_wrapper .jdhab-footer { width: 100% !important; margin: 0 !important; background: #ffffff !important; color: rgba(0,0,0,.66) !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { box-sizing: border-box !important; margin-left: auto !important; margin-right: auto !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { display: grid !important; align-items: start !important; width: 100% !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { display: block !important; width: fit-content !important; margin: 0 0 5px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; color: rgba(0,0,0,.64) !important; } body .pkp_structure_footer_wrapper .jdhab-footer a:hover { color: #123A5D !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body .pkp_structure_footer_wrapper .jdhab-footer br { display: none !important; } /* DESKTOP / NOTEBOOK */ @media (min-width: 1025px) { body .pkp_structure_footer_wrapper .jdhab-footer { padding: 32px 0 20px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 96px) !important; max-width: 840px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { grid-template-columns: 1.35fr 1fr .75fr !important; column-gap: 72px !important; row-gap: 0 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: block !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 8px 0 !important; font-size: .95rem !important; line-height: 1.2 !important; font-weight: 800 !important; color: rgba(0,0,0,.88) !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .86rem !important; line-height: 1.35 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { margin-top: 18px !important; padding-top: 11px !important; border-top: 1px solid #eef1f4 !important; font-size: .76rem !important; color: rgba(0,0,0,.50) !important; } } /* TABLET */ @media (min-width: 768px) and (max-width: 1024px) { body .pkp_structure_footer_wrapper .jdhab-footer { padding: 18px 0 10px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 80px) !important; max-width: 840px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { grid-template-columns: 1fr 1fr !important; column-gap: 52px !important; row-gap: 0 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 6px 0 !important; font-size: .86rem !important; line-height: 1.18 !important; font-weight: 800 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .76rem !important; line-height: 1.25 !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { margin-bottom: 3px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { margin-top: 10px !important; padding-top: 7px !important; border-top: 1px solid #eef1f4 !important; font-size: .70rem !important; } } /* CELULAR */ @media (max-width: 840px) { body .pkp_structure_footer_wrapper .jdhab-footer { padding: 16px 0 9px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 54px) !important; max-width: 380px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { grid-template-columns: 1fr 1fr !important; column-gap: 24px !important; row-gap: 0 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: none !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 6px 0 !important; font-size: .86rem !important; line-height: 1.18 !important; font-weight: 800 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .76rem !important; line-height: 1.25 !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { margin-bottom: 3px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { margin-top: 10px !important; padding-top: 7px !important; border-top: 1px solid #eef1f4 !important; font-size: .70rem !important; } } /* JDHAB — Footer mobile final centering polish */ @media (max-width: 767px) { body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 64px) !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { grid-template-columns: 1fr 1fr !important; column-gap: 34px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { text-align: left !important; } } /* ============================================================ JDHAB — Footer desktop visual centering repair Reduz a largura do rodapé no desktop e aproxima as colunas Não altera celular/tablet ============================================================ */ @media (min-width: 1025px) { body .pkp_structure_footer_wrapper { background: #ffffff !important; border-top: 1px solid #eef1f4 !important; } body .pkp_structure_footer_wrapper .jdhab-footer { width: 100% !important; margin: 0 -34px !important; padding: 34px 0 20px !important; background: #ffffff !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 96px) !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { display: grid !important; grid-template-columns: 1.35fr .82fr .55fr !important; column-gap: 54px !important; row-gap: 0 !important; align-items: start !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3) { display: block !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 8px 0 !important; padding: 0 !important; font-size: .94rem !important; line-height: 1.22 !important; font-weight: 800 !important; color: rgba(0,0,0,.88) !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .85rem !important; line-height: 1.35 !important; color: rgba(0,0,0,.64) !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { display: block !important; width: fit-content !important; margin: 0 0 5px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { width: 100% !important; margin: 20px auto 0 auto !important; padding: 12px 0 0 0 !important; border-top: 1px solid #eef1f4 !important; font-size: .76rem !important; line-height: 1.35 !important; color: rgba(0,0,0,.50) !important; } } /* ============================================================ JDHAB — Mobile/tablet header logo vertical refinement Sobe discretamente a logomarca no topo sem alterar desktop ============================================================ */ @media (max-width: 1024px) { } /* iPhone / celular menor: sobe um pouco mais */ @media (max-width: 767px) { } /* JDHAB — descer botão menu somente no celular */ @media (max-width: 767px) { } /* ============================================================ JDHAB — mobile logo hard-position Move somente a logomarca no celular, sem mexer no botão menu ============================================================ */ @media (max-width: 767px) { } /* ============================================================ JDHAB — Footer tablet: 3 colunas compactas Mantém celular em 2 colunas e desktop independente ============================================================ */ @media (min-width: 768px) and (max-width: 1024px) { body .pkp_structure_footer_wrapper .jdhab-footer { padding: 20px 0 12px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 96px) !important; max-width: 780px !important; margin-left: auto !important; margin-right: auto !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { display: grid !important; grid-template-columns: 1.25fr .9fr .65fr !important; column-gap: 42px !important; row-gap: 0 !important; align-items: start !important; } /* no tablet, Policies volta a aparecer */ body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3), body .pkp_structure_footer_wrapper .jdhab-footer__col--policies { display: block !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 6px 0 !important; font-size: .86rem !important; line-height: 1.18 !important; font-weight: 800 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .75rem !important; line-height: 1.25 !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { display: block !important; margin: 0 0 3px 0 !important; padding: 0 !important; width: fit-content !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { margin-top: 12px !important; padding-top: 8px !important; font-size: .70rem !important; } } /* ============================================================ JDHAB — Article page tablet safe layout Tablet em pé e horizontal: uma coluna estável, sem corte de texto Não altera celular nem desktop amplo ============================================================ */ @media (min-width: 768px) and (max-width: 1180px) { body.pkp_page_article { overflow-x: hidden !important; } body.pkp_page_article .pkp_structure_content, body.pkp_page_article .pkp_structure_main, body.pkp_page_article .pkp_structure_main .page { width: 100% !important; max-width: none !important; overflow-x: hidden !important; } body.pkp_page_article .obj_article_details { display: block !important; width: calc(100% - 96px) !important; max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } body.pkp_page_article .obj_article_details .main_entry, body.pkp_page_article .obj_article_details .entry_details { display: block !important; float: none !important; clear: both !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; overflow: visible !important; } body.pkp_page_article .obj_article_details .entry_details { margin-top: 32px !important; } body.pkp_page_article .obj_article_details .abstract, body.pkp_page_article .obj_article_details .item.abstract, body.pkp_page_article .obj_article_details .item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.pkp_page_article .obj_article_details p, body.pkp_page_article .obj_article_details li, body.pkp_page_article .obj_article_details div { overflow-wrap: break-word !important; word-break: normal !important; } body.pkp_page_article .entry_details .cover_image, body.pkp_page_article .entry_details .item.cover_image, body.pkp_page_article .obj_article_details .cover_image { width: 100% !important; max-width: 320px !important; margin-left: auto !important; margin-right: auto !important; } body.pkp_page_article .entry_details .cover_image img, body.pkp_page_article .entry_details .item.cover_image img, body.pkp_page_article .obj_article_details .cover_image img { display: block !important; width: 100% !important; max-width: 320px !important; height: auto !important; object-fit: contain !important; } body.pkp_page_article .article-sidebar, body.pkp_page_article .entry_details { border-left: 0 !important; } } /* ============================================================ JDHAB — Tablet article safe layout polish Refina alinhamento interno do artigo no iPad/tablet ============================================================ */ @media (min-width: 768px) and (max-width: 1180px) { /* card principal do artigo */ body.pkp_page_article .obj_article_details { max-width: 760px !important; width: calc(100% - 96px) !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } /* conteúdo principal: cria respiro interno uniforme */ body.pkp_page_article .obj_article_details .main_entry { padding: 36px 42px 38px !important; box-sizing: border-box !important; } /* impede blocos de escaparem para a esquerda */ body.pkp_page_article .obj_article_details .main_entry > *, body.pkp_page_article .obj_article_details .main_entry .item, body.pkp_page_article .obj_article_details .main_entry .authors, body.pkp_page_article .obj_article_details .main_entry .keywords { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } /* título e subtítulo */ body.pkp_page_article .obj_article_details .main_entry h1, body.pkp_page_article .obj_article_details .main_entry .title { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } body.pkp_page_article .obj_article_details .main_entry .subtitle { max-width: 100% !important; } /* autores e keywords: mais respiro e alinhamento */ body.pkp_page_article .obj_article_details .main_entry .item.authors, body.pkp_page_article .obj_article_details .main_entry .item.keywords, body.pkp_page_article .obj_article_details .main_entry .authors, body.pkp_page_article .obj_article_details .main_entry .keywords { padding-left: 0 !important; padding-right: 0 !important; margin-top: 28px !important; } /* abstract dentro da coluna: mais editorial */ body.pkp_page_article .obj_article_details .main_entry .item.abstract, body.pkp_page_article .obj_article_details .main_entry .abstract { width: 100% !important; max-width: 100% !important; margin-top: 34px !important; padding: 28px 30px !important; box-sizing: border-box !important; } /* área inferior/sidebar no tablet */ body.pkp_page_article .obj_article_details .entry_details { width: 100% !important; max-width: 100% !important; margin-top: 30px !important; padding: 0 42px 36px !important; box-sizing: border-box !important; } /* capa controlada e centralizada */ body.pkp_page_article .obj_article_details .entry_details .cover_image, body.pkp_page_article .obj_article_details .entry_details .item.cover_image { max-width: 340px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } body.pkp_page_article .obj_article_details .entry_details .cover_image img, body.pkp_page_article .obj_article_details .entry_details .item.cover_image img { display: block !important; max-width: 340px !important; width: 100% !important; height: auto !important; object-fit: contain !important; } /* métricas e blocos inferiores não ultrapassam a largura */ body.pkp_page_article .obj_article_details .entry_details .item { max-width: 100% !important; box-sizing: border-box !important; } } /* ============================================================ JDHAB — Tablet footer containment repair Corrige rodapé escapando para a esquerda no iPad/tablet ============================================================ */ @media (min-width: 768px) and (max-width: 1180px) { body .pkp_structure_footer_wrapper { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; background: #ffffff !important; border-top: 1px solid #eef1f4 !important; } body .pkp_structure_footer_wrapper .pkp_structure_footer, body .pkp_structure_footer_wrapper .pkp_footer_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; background: #ffffff !important; } body .pkp_structure_footer_wrapper .jdhab-footer { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 20px 0 12px !important; overflow-x: hidden !important; background: #ffffff !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 96px) !important; max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; box-sizing: border-box !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { display: grid !important; grid-template-columns: 1.25fr .9fr .65fr !important; column-gap: 38px !important; row-gap: 0 !important; align-items: start !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3), body .pkp_structure_footer_wrapper .jdhab-footer__col--policies { display: block !important; } body .pkp_structure_footer_wrapper .jdhab-footer__col { min-width: 0 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } body .pkp_structure_footer_wrapper .jdhab-footer__brand, body .pkp_structure_footer_wrapper .jdhab-footer__ttl { margin: 0 0 6px 0 !important; font-size: .84rem !important; line-height: 1.18 !important; font-weight: 800 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__tagline, body .pkp_structure_footer_wrapper .jdhab-footer__note, body .pkp_structure_footer_wrapper .jdhab-footer a { font-size: .74rem !important; line-height: 1.25 !important; } body .pkp_structure_footer_wrapper .jdhab-footer a { display: block !important; width: fit-content !important; max-width: 100% !important; margin: 0 0 3px 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; } body .pkp_structure_footer_wrapper .jdhab-footer__bottom { margin-top: 12px !important; padding-top: 8px !important; border-top: 1px solid #eef1f4 !important; font-size: .70rem !important; line-height: 1.25 !important; color: rgba(0,0,0,.50) !important; } } /* ========================================================= JDHAB — OJS header/logo correction for ISSN review Keeps the OJS header compact, centered and without horizontal overflow ========================================================= */ html, body, .pkp_structure_page, .pkp_structure_head { max-width: 100% !important; overflow-x: hidden !important; } .pkp_structure_head { background: #123A5D !important; } .pkp_head_wrapper { max-width: 1180px !important; margin: 0 auto !important; padding: 18px 24px 14px !important; box-sizing: border-box !important; } .pkp_site_name_wrapper, .pkp_site_name { width: 100% !important; max-width: 100% !important; margin: 0 auto 12px auto !important; padding: 0 !important; text-align: center !important; } .pkp_site_name .is_img { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 0 !important; } .pkp_site_name .is_img img { width: auto !important; height: auto !important; max-width: 230px !important; max-height: 64px !important; object-fit: contain !important; } .pkp_navigation_primary_wrapper { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 12px !important; box-sizing: border-box !important; display: flex !important; justify-content: center !important; overflow: visible !important; } .pkp_navigation_primary { width: auto !important; max-width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px 22px !important; margin: 0 auto !important; padding: 0 !important; } .pkp_navigation_primary > li > a { font-size: 16px !important; font-weight: 700 !important; padding: 8px 2px !important; white-space: nowrap !important; } /* Tablet and narrow notebook */ @media (max-width: 900px) { } /* Mobile */ @media (max-width: 640px) { } /* ========================================================= JDHAB — OJS menu/dropdown stability correction Fixes header height, dropdown position, z-index and click behavior ========================================================= */ /* Header mais compacto */ .pkp_structure_head { position: relative !important; z-index: 9999 !important; overflow: visible !important; background: #123A5D !important; } .pkp_head_wrapper { max-width: 1180px !important; margin: 0 auto !important; padding: 18px 24px 16px !important; overflow: visible !important; } /* Logo menor e estável */ .pkp_site_name, .pkp_site_name_wrapper { text-align: center !important; margin: 0 auto 16px auto !important; padding: 0 !important; overflow: visible !important; } .pkp_site_name .is_img img { max-width: 210px !important; max-height: 58px !important; width: auto !important; height: auto !important; object-fit: contain !important; } /* Barra do menu */ .pkp_navigation_primary_wrapper { position: relative !important; z-index: 10000 !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; display: flex !important; justify-content: center !important; } .pkp_navigation_primary { position: relative !important; z-index: 10001 !important; display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 0 18px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } .pkp_navigation_primary > li { position: relative !important; overflow: visible !important; } .pkp_navigation_primary > li > a { font-size: 16px !important; font-weight: 700 !important; padding: 10px 4px !important; white-space: nowrap !important; } /* Dropdown sempre abaixo do item, sem precisar clicar várias vezes */ .pkp_navigation_primary ul, .pkp_navigation_primary .dropdown-menu { position: absolute !important; top: 100% !important; left: 0 !important; z-index: 100000 !important; min-width: 230px !important; margin-top: 0 !important; padding: 8px 0 !important; background: #ffffff !important; border: 1px solid rgba(18,58,93,0.18) !important; border-radius: 10px !important; box-shadow: 0 14px 34px rgba(0,0,0,0.18) !important; overflow: visible !important; } /* Itens do dropdown */ .pkp_navigation_primary ul li, .pkp_navigation_primary .dropdown-menu li { display: block !important; width: 100% !important; } .pkp_navigation_primary ul li a, .pkp_navigation_primary .dropdown-menu li a { display: block !important; padding: 12px 16px !important; color: #123A5D !important; background: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; white-space: normal !important; } .pkp_navigation_primary ul li a:hover, .pkp_navigation_primary .dropdown-menu li a:hover { background: #f1f5f8 !important; color: #0b263f !important; } /* Impede que a página crie rolagem lateral */ html, body, .pkp_structure_page { overflow-x: hidden !important; max-width: 100% !important; } /* Tablet */ @media (max-width: 900px) { } /* Mobile */ @media (max-width: 640px) { } /* ========================================================= JDHAB — Editorial Team refined layout ========================================================= */ .jdhab-team { --blue: #123A5D; --blue-dark: #0b263f; --muted: #5b6f82; --line: #dbe5ed; --soft: #f5f9fc; max-width: 980px; margin: 0 auto; } .jdhab-team__intro { margin: 0 0 28px; padding: 24px 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%); } .jdhab-team__intro p { margin: 0 0 14px !important; color: #26394b; font-size: 16px; line-height: 1.75; } .jdhab-team__intro p:last-child { margin-bottom: 0 !important; } .jdhab-team__section { margin: 34px 0 0; } .jdhab-team__section h2 { margin: 0 0 16px !important; padding-bottom: 10px; border-bottom: 2px solid var(--line); color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.55rem; line-height: 1.25; } .jdhab-team__grid { display: grid; grid-template-columns: 1fr; gap: 14px; } .jdhab-team__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-member { padding: 20px 22px; border: 1px solid var(--line); border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } .jdhab-member--lead { border-left: 5px solid var(--blue); } .jdhab-member__role { margin: 0 0 8px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .jdhab-member__name { margin: 0 0 8px; color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.2rem; line-height: 1.25; font-weight: 700; } .jdhab-member__affiliation { margin: 0 0 8px; color: #26394b; font-size: 15px; line-height: 1.55; } .jdhab-member__expertise { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; } .jdhab-member__expertise span { display: inline-block; margin: 3px 6px 3px 0; padding: 4px 9px; border-radius: 999px; background: var(--soft); color: var(--blue); font-size: 12.5px; font-weight: 700; } @media (max-width: 760px) { .jdhab-team__grid--two { grid-template-columns: 1fr; } .jdhab-team__intro, .jdhab-member { padding: 18px; } } /* ========================================================= JDHAB — Institutional pages refined layout For About, Policies, Authors, Ethics, Contact, Archiving ========================================================= */ .jdhab-page { --blue: #123A5D; --blue-dark: #0b263f; --muted: #5b6f82; --line: #dbe5ed; --soft: #f5f9fc; max-width: 980px; margin: 0 auto; } .jdhab-page__intro { margin: 0 0 28px; padding: 24px 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%); } .jdhab-page__intro p { margin: 0 0 14px !important; color: #26394b; font-size: 16px; line-height: 1.75; } .jdhab-page__intro p:last-child { margin-bottom: 0 !important; } .jdhab-page__section { margin: 34px 0 0; } .jdhab-page__section h2 { margin: 0 0 16px !important; padding-bottom: 10px; border-bottom: 2px solid var(--line); color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.55rem; line-height: 1.25; } .jdhab-page__grid { display: grid; grid-template-columns: 1fr; gap: 14px; } .jdhab-page__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-card { padding: 20px 22px; border: 1px solid var(--line); border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } .jdhab-card--lead { border-left: 5px solid var(--blue); } .jdhab-card h3 { margin: 0 0 8px !important; color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.15rem; line-height: 1.3; } .jdhab-card p { margin: 0 !important; color: #26394b; font-size: 15px; line-height: 1.65; } .jdhab-card ul { margin: 8px 0 0 18px !important; padding: 0 !important; } .jdhab-card li { margin: 5px 0 !important; color: #26394b; font-size: 15px; line-height: 1.55; } .jdhab-tags { margin-top: 10px; } .jdhab-tags span { display: inline-block; margin: 3px 6px 3px 0; padding: 4px 9px; border-radius: 999px; background: var(--soft); color: var(--blue); font-size: 12.5px; font-weight: 700; } @media (max-width: 760px) { .jdhab-page__grid--two { grid-template-columns: 1fr; } .jdhab-page__intro, .jdhab-card { padding: 18px; } } /* ========================================================= JDHAB — Native OJS Contact page refined layout ========================================================= */ .page_contact { --blue: #123A5D; --blue-dark: #0b263f; --muted: #5b6f82; --line: #dbe5ed; --soft: #f5f9fc; } .page_contact h1 { margin-bottom: 22px !important; color: var(--blue-dark); } /* Intro / address block */ .page_contact .contact_section .address { float: none !important; width: 100% !important; margin: 0 0 28px !important; padding: 24px 26px !important; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%); } .page_contact .contact_section .address p { margin: 0 0 14px !important; color: #26394b; font-size: 16px; line-height: 1.75; } .page_contact .contact_section .address p:last-child { margin-bottom: 0 !important; } .page_contact .contact_section .address strong { color: var(--blue-dark); } /* Contact cards container */ .page_contact .contact_section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } /* Contact cards */ .page_contact .contact_section .contact { float: none !important; width: auto !important; margin: 0 !important; padding: 22px 24px !important; border: 1px solid var(--line); border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } .page_contact .contact_section .contact.primary { border-left: 5px solid var(--blue); } .page_contact .contact_section .contact.support { border-left: 5px solid var(--blue); } .page_contact .contact_section .contact h2 { margin: 0 0 14px !important; padding-bottom: 10px; border-bottom: 2px solid var(--line); color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.25rem; line-height: 1.3; } .page_contact .contact_section .contact .name { margin-bottom: 8px; color: var(--blue-dark); font-weight: 700; font-size: 15.5px; } .page_contact .contact_section .contact .affiliation { margin-bottom: 10px; color: #26394b; font-size: 15px; line-height: 1.55; } .page_contact .contact_section .contact .email { margin-top: 10px !important; font-size: 15px; } .page_contact .contact_section .contact a { color: var(--blue); font-weight: 700; text-decoration: none; } .page_contact .contact_section .contact a:hover { text-decoration: underline; } /* Mobile */ @media (max-width: 760px) { .page_contact .contact_section { grid-template-columns: 1fr; } .page_contact .contact_section .address, .page_contact .contact_section .contact { padding: 18px !important; } } /* ========================================================= JDHAB — Contact page layout correction Makes Contact intro full-width and prevents narrow column ========================================================= */ .page_contact { --blue: #123A5D; --blue-dark: #0b263f; --muted: #5b6f82; --line: #dbe5ed; --soft: #f5f9fc; } /* Prevent the edit link / native OJS float from compressing the intro block */ .page_contact .address { clear: both !important; float: none !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 0 30px 0 !important; padding: 24px 28px !important; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%); box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } /* If OJS places address inside contact_section, force it to span all columns */ .page_contact .contact_section .address { grid-column: 1 / -1 !important; } .page_contact .address p { margin: 0 0 14px !important; color: #26394b; font-size: 15.5px; line-height: 1.75; } .page_contact .address p:last-child { margin-bottom: 0 !important; } .page_contact .address strong { color: var(--blue-dark); } /* Contact cards */ .page_contact .contact_section { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; clear: both !important; } .page_contact .contact_section .contact { float: none !important; width: auto !important; margin: 0 !important; padding: 22px 24px !important; border: 1px solid var(--line); border-left: 5px solid var(--blue); border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } .page_contact .contact_section .contact h2 { margin: 0 0 14px !important; padding-bottom: 10px; border-bottom: 2px solid var(--line); color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.25rem; line-height: 1.3; } .page_contact .contact_section .contact .name { margin-bottom: 8px; color: var(--blue-dark); font-weight: 700; font-size: 15.5px; } .page_contact .contact_section .contact .affiliation { margin-bottom: 10px; color: #26394b; font-size: 15px; line-height: 1.55; } .page_contact .contact_section .contact .email { margin-top: 10px !important; font-size: 15px; } .page_contact .contact_section .contact a { color: var(--blue); font-weight: 700; text-decoration: none; } .page_contact .contact_section .contact a:hover { text-decoration: underline; } @media (max-width: 760px) { .page_contact .contact_section { grid-template-columns: 1fr !important; } .page_contact .address, .page_contact .contact_section .contact { padding: 18px !important; } } /* ========================================================= JDHAB — Article Types & Limits table ========================================================= */ .jdhab-table-wrap { margin: 0; overflow-x: auto; border: 1px solid #dbe5ed; border-radius: 16px; background: #ffffff; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } .jdhab-limits-table { width: 100%; min-width: 920px; border-collapse: collapse; font-size: 14px; } .jdhab-limits-table th { padding: 15px 14px; background: #f5f9fc; color: #123A5D; text-align: left; font-weight: 800; border-bottom: 1px solid #dbe5ed; } .jdhab-limits-table td { padding: 15px 14px; color: #26394b; border-bottom: 1px solid #e7edf2; vertical-align: top; } .jdhab-limits-table tr:last-child td { border-bottom: none; } .jdhab-limits-table tbody tr:nth-child(even) { background: #fcfdff; } /* ========================================================= JDHAB — Submissions page refined layout ========================================================= */ .page_submissions { --blue: #123A5D; --blue-dark: #0b263f; --line: #dbe5ed; --soft: #f5f9fc; } /* Page title */ .page_submissions h1 { margin-bottom: 26px !important; color: var(--blue-dark); } /* Main blocks */ .page_submissions .author_guidelines, .page_submissions .submission_checklist, .page_submissions .copyright_notice, .page_submissions .privacy_statement { margin: 0 0 28px !important; padding: 24px 26px !important; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%); box-shadow: 0 8px 24px rgba(18, 58, 93, 0.045); } /* Section headings */ .page_submissions h2 { margin: 0 0 16px !important; padding-bottom: 10px; border-bottom: 2px solid var(--line); color: var(--blue-dark); font-family: Lora, Georgia, serif; font-size: 1.35rem; line-height: 1.3; } /* Paragraphs */ .page_submissions p { color: #26394b; font-size: 15.5px; line-height: 1.75; } /* Checklist */ .page_submissions ul { margin: 12px 0 0 20px !important; padding: 0 !important; } .page_submissions li { margin: 7px 0 !important; color: #26394b; font-size: 15px; line-height: 1.55; } /* Link buttons in author guidelines */ .page_submissions .author_guidelines a { display: inline-block; margin: 4px 8px 4px 0; padding: 7px 12px; border: 1px solid var(--line); border-radius: 10px; background: #ffffff; color: var(--blue); font-size: 13px; font-weight: 800; text-decoration: none; box-shadow: 0 4px 12px rgba(18, 58, 93, 0.04); } .page_submissions .author_guidelines a:hover { background: var(--soft); text-decoration: none; } /* Make the button list breathe */ .page_submissions .author_guidelines p:has(a) { margin-top: 8px !important; margin-bottom: 0 !important; } /* Copyright block slightly quieter */ .page_submissions .copyright_notice { border-left: 5px solid var(--blue); } /* Mobile */ @media (max-width: 760px) { .page_submissions .author_guidelines, .page_submissions .submission_checklist, .page_submissions .copyright_notice, .page_submissions .privacy_statement { padding: 18px !important; } .page_submissions .author_guidelines a { display: block; width: fit-content; } } /* ========================================================= JDHAB — OJS mobile/tablet menu collision fix Corrige sobreposição dos submenus em tablet e celular ========================================================= */ @media (max-width: 1180px) { /* Submenus deixam de flutuar como desktop */ } /* Celular: menu em coluna, sem choque lateral */ @media (max-width: 760px) { } /* ========================================================= JDHAB — Final mobile/tablet menu layout Força menu OJS em coluna limpa no tablet e celular ========================================================= */ @media (max-width: 1180px) { /* Submenus como cartões empilhados */ } /* Celular menor: menu ocupa quase toda a largura */ @media (max-width: 520px) { } /* ========================================================= JDHAB — Mobile menu compact refinement Mantém tablet aprovado e compacta apenas celular ========================================================= */ @media (max-width: 520px) { } /* ========================================================= JDHAB — Current Issue hero refinement Bloco institucional ao lado da capa na homepage do OJS ========================================================= */ .page_index_journal .current_issue { max-width: 980px; margin: 0 auto 34px !important; } .page_index_journal .current_issue > h2 { margin-bottom: 16px !important; color: #0b263f !important; font-family: Lora, Georgia, serif !important; font-size: 1.65rem !important; } .page_index_journal .current_issue .current_issue_title { margin-bottom: 18px !important; color: #0b263f !important; font-weight: 800 !important; font-size: 1.05rem !important; } .page_index_journal .current_issue .obj_issue_summary { position: relative !important; display: grid !important; grid-template-columns: 220px minmax(280px, 1fr) !important; gap: 32px !important; align-items: center !important; margin: 0 0 34px !important; padding: 28px 30px !important; border: 1px solid #dbe5ed !important; border-radius: 22px !important; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%) !important; box-shadow: 0 18px 48px rgba(18, 58, 93, 0.08) !important; } .page_index_journal .current_issue .obj_issue_summary .cover, .page_index_journal .current_issue .obj_issue_summary .cover_image { margin: 0 !important; } .page_index_journal .current_issue .obj_issue_summary img { max-width: 180px !important; border-radius: 14px !important; box-shadow: 0 16px 36px rgba(18, 58, 93, 0.18) !important; } .page_index_journal .current_issue .obj_issue_summary .published { align-self: center !important; margin: 0 !important; padding: 24px 26px !important; border: 1px solid #dbe5ed !important; border-left: 5px solid #123A5D !important; border-radius: 18px !important; background: #ffffff !important; color: #26394b !important; font-size: 1rem !important; line-height: 1.55 !important; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.055) !important; } .page_index_journal .current_issue .obj_issue_summary .published::before { content: "Issue information"; display: block; margin-bottom: 12px; color: #123A5D; font-size: .78rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; } .page_index_journal .current_issue .obj_issue_summary .published::after { content: "Open access · Peer-reviewed\A PDF and HTML versions available\A Editorial · Review Articles · Methods and Validation · Closing Editorial"; display: block; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e4edf4; color: #526879; font-size: .88rem; font-weight: 600; line-height: 1.55; white-space: pre-line; } /* Refinamento do sumário abaixo da capa */ .page_index_journal .current_issue .sections { margin-top: 28px !important; } .page_index_journal .current_issue .section { margin-bottom: 32px !important; padding-top: 12px !important; border-top: 1px solid #dbe5ed !important; } .page_index_journal .current_issue .section h3 { color: #5f6f80 !important; font-family: Lora, Georgia, serif !important; font-size: 1rem !important; font-weight: 500 !important; } /* Tablet e celular */ @media (max-width: 760px) { .page_index_journal .current_issue { padding: 0 18px !important; } .page_index_journal .current_issue .obj_issue_summary { display: block !important; padding: 22px 20px !important; text-align: center !important; } .page_index_journal .current_issue .obj_issue_summary img { max-width: 150px !important; margin: 0 auto 22px !important; } .page_index_journal .current_issue .obj_issue_summary .published { text-align: left !important; padding: 20px !important; } } /* ========================================================= JDHAB — OJS homepage current issue visual refinement Versão ampla: funciona mesmo quando o OJS não usa page_index_journal ========================================================= */ /* Container geral da página inicial */ .pkp_page_index .pkp_structure_main, .pkp_page_index .page, .pkp_op_index .pkp_structure_main { max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; } /* Bloco Current Issue */ .pkp_page_index .current_issue, .pkp_op_index .current_issue { max-width: 980px !important; margin: 0 auto 36px !important; } /* Título Current Issue */ .pkp_page_index .current_issue > h2, .pkp_op_index .current_issue > h2 { margin-bottom: 14px !important; color: #0b263f !important; font-family: Lora, Georgia, serif !important; font-size: 1.75rem !important; font-weight: 700 !important; } /* Título do número */ .pkp_page_index .current_issue_title, .pkp_op_index .current_issue_title { margin-bottom: 20px !important; color: #0b263f !important; font-size: 1.15rem !important; font-weight: 800 !important; } /* A linha da capa + Published */ .pkp_page_index .current_issue .obj_issue_summary, .pkp_op_index .current_issue .obj_issue_summary, .pkp_page_index .current_issue .issue_summary, .pkp_op_index .current_issue .issue_summary { display: grid !important; grid-template-columns: 220px minmax(320px, 1fr) !important; gap: 34px !important; align-items: center !important; margin: 0 0 38px !important; padding: 30px 32px !important; border: 1px solid #dbe5ed !important; border-radius: 22px !important; background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%) !important; box-shadow: 0 18px 48px rgba(18, 58, 93, 0.08) !important; } /* Capa */ .pkp_page_index .current_issue .cover, .pkp_op_index .current_issue .cover, .pkp_page_index .current_issue .cover_image, .pkp_op_index .current_issue .cover_image { margin: 0 !important; text-align: center !important; } .pkp_page_index .current_issue .cover img, .pkp_op_index .current_issue .cover img, .pkp_page_index .current_issue .cover_image img, .pkp_op_index .current_issue .cover_image img, .pkp_page_index .current_issue img, .pkp_op_index .current_issue img { max-width: 185px !important; height: auto !important; border-radius: 16px !important; box-shadow: 0 16px 36px rgba(18, 58, 93, 0.20) !important; } /* Published vira card lateral */ .pkp_page_index .current_issue .published, .pkp_op_index .current_issue .published { margin: 0 !important; padding: 24px 26px !important; border: 1px solid #dbe5ed !important; border-left: 5px solid #123A5D !important; border-radius: 18px !important; background: #ffffff !important; color: #26394b !important; font-size: 1rem !important; line-height: 1.55 !important; box-shadow: 0 8px 24px rgba(18, 58, 93, 0.055) !important; } .pkp_page_index .current_issue .published::before, .pkp_op_index .current_issue .published::before { content: "Issue information"; display: block; margin-bottom: 12px; color: #123A5D; font-size: .78rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; } .pkp_page_index .current_issue .published::after, .pkp_op_index .current_issue .published::after { content: "Open access · Peer-reviewed\A PDF and HTML versions available\A Editorial · Review Articles · Methods and Validation · Closing Editorial"; display: block; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e4edf4; color: #526879; font-size: .88rem; font-weight: 600; line-height: 1.55; white-space: pre-line; } /* Seções dos artigos mais elegantes */ .pkp_page_index .current_issue .sections, .pkp_op_index .current_issue .sections { margin-top: 30px !important; } .pkp_page_index .current_issue .section, .pkp_op_index .current_issue .section { margin-bottom: 34px !important; padding-top: 14px !important; border-top: 1px solid #dbe5ed !important; } .pkp_page_index .current_issue .section h3, .pkp_op_index .current_issue .section h3 { color: #5f6f80 !important; font-family: Lora, Georgia, serif !important; font-size: 1rem !important; font-weight: 500 !important; } /* Mobile */ @media (max-width: 760px) { .pkp_page_index .current_issue, .pkp_op_index .current_issue { padding: 0 18px !important; } .pkp_page_index .current_issue .obj_issue_summary, .pkp_op_index .current_issue .obj_issue_summary, .pkp_page_index .current_issue .issue_summary, .pkp_op_index .current_issue .issue_summary { display: block !important; padding: 22px 20px !important; text-align: center !important; } .pkp_page_index .current_issue .published, .pkp_op_index .current_issue .published { margin-top: 22px !important; text-align: left !important; padding: 20px !important; } } .jdhab-footer__issn { margin-top: 28px; padding: 18px 20px; border-top: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 1px solid rgba(255, 255, 255, 0.14); text-align: center; color: rgba(255, 255, 255, 0.82); font-size: 0.92rem; line-height: 1.7; } .jdhab-footer__issn strong { color: #ffffff; font-weight: 700; } .jdhab-footer__issn a { color: #d9c28b; text-decoration: none; border-bottom: 1px solid rgba(217, 194, 139, 0.45); padding-bottom: 2px; } .jdhab-footer__issn a:hover, .jdhab-footer__issn a:focus { color: #ffffff; border-bottom-color: #ffffff; } @media (max-width: 640px) { .jdhab-footer__issn span { display: none; } .jdhab-footer__issn a { display: block; width: fit-content; margin: 6px auto 0; } } /* JDHAB — ajuste final do rodapé */ .jdhab-footer { padding: 32px 0 18px; } .jdhab-footer__inner { max-width: 1020px; margin: 0 auto; padding: 0 22px; } .jdhab-footer__grid { display: grid; grid-template-columns: minmax(300px, 1.5fr) 1fr 1fr; gap: 48px; align-items: start; } .jdhab-footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } .jdhab-footer__brand, .jdhab-footer__ttl { margin: 0 0 4px; font-weight: 700; } .jdhab-footer__tagline, .jdhab-footer__note, .jdhab-footer__col a { margin: 0; line-height: 1.5; } .jdhab-footer__issn { margin-top: 10px; font-size: 0.84rem; line-height: 1.55; } .jdhab-footer__issn strong { display: inline-block; color: #123A5D; } .jdhab-footer__issn a { display: inline; } .jdhab-footer__bottom { margin-top: 26px; padding-top: 13px; border-top: 1px solid #e3e9ee; font-size: 0.78rem; color: #7a8791; } @media (max-width: 760px) { .jdhab-footer { padding: 28px 0 18px; } .jdhab-footer__grid { grid-template-columns: 1fr; gap: 24px; } .jdhab-footer__issn { margin-top: 12px; } .jdhab-footer__bottom { margin-top: 22px; line-height: 1.55; } } /* JDHAB — alinhamento definitivo do ISSN no rodapé */ .jdhab-footer__col--brand { align-items: flex-start !important; text-align: left !important; } .jdhab-footer__issn { width: auto !important; max-width: 100% !important; margin: 16px 0 0 !important; padding: 0 !important; align-self: flex-start !important; text-align: left !important; } .jdhab-footer__issn strong { display: block !important; margin: 0 0 2px !important; color: #123A5D !important; } .jdhab-footer__issn a { display: block !important; margin: 0 !important; text-align: left !important; line-height: 1.45 !important; } .jdhab-footer__bottom { margin-top: 24px !important; } @media (max-width: 768px) { } /* ========================================================= JDHAB / AXIS — Institutional Services Page Scoped CSS: affects only .jdhab-services-page ========================================================= */ .jdhab-services-page { max-width: 1040px; margin: 0 auto; padding: 10px 0 50px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-services-page h1, .jdhab-services-page h2, .jdhab-services-page h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-services-page p { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-services-hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 46px 52px; border-radius: 18px; margin: 18px 0 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-services-hero:after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-services-hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-services-hero p { color: rgba(255, 255, 255, 0.88); max-width: 760px; font-size: 17px; margin: 0; } /* OPEN ACCESS NOTE */ .jdhab-open-access-note { background: #ffffff; border-left: 5px solid #6C7468; border-radius: 14px; padding: 28px 34px; margin: 0 0 24px; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-open-access-note h2 { margin-top: 0; font-size: 24px; } /* INTRO */ .jdhab-services-intro { padding: 6px 4px 20px; max-width: 900px; } /* CARD GRID */ .jdhab-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 20px 0 34px; } .jdhab-service-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 28px 26px; min-height: 210px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-service-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-card-label { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-bottom: 18px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 13px; font-weight: 700; } .jdhab-service-card h3 { font-size: 20px; margin: 0 0 10px; } .jdhab-service-card p { font-size: 14px; line-height: 1.65; margin: 0; } /* POLICY BOXES */ .jdhab-payment-box, .jdhab-integrity-box, .jdhab-contact-call { border-radius: 16px; padding: 30px 34px; margin: 24px 0; } .jdhab-payment-box { background: #F7FAFC; border: 1px solid #dce6ef; } .jdhab-integrity-box { background: #123A5D; border: 1px solid #123A5D; } .jdhab-integrity-box h2, .jdhab-integrity-box p { color: #ffffff; } .jdhab-contact-call { background: #ffffff; border: 1px solid #6C7468; text-align: center; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-contact-call h2 { margin-top: 0; } /* MOBILE */ @media (max-width: 900px) { .jdhab-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-services-hero { padding: 38px 34px; } .jdhab-services-hero h1 { font-size: 32px; } } @media (max-width: 640px) { .jdhab-services-page { padding: 0 4px 36px; } .jdhab-services-grid { grid-template-columns: 1fr; } .jdhab-services-hero { border-radius: 14px; padding: 32px 24px; } .jdhab-services-hero h1 { font-size: 28px; } .jdhab-open-access-note, .jdhab-payment-box, .jdhab-integrity-box, .jdhab-contact-call { padding: 24px 22px; } } /* ========================================================= JDHAB — About the Journal Page Scoped CSS: affects only .jdhab-about-page ========================================================= */ .jdhab-about-page { max-width: 1040px; margin: 0 auto; padding: 10px 0 50px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-about-page h1, .jdhab-about-page h2, .jdhab-about-page h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-about-page p { font-size: 15px; line-height: 1.75; color: #2f3a45; } .jdhab-about-hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 46px 52px; border-radius: 18px; margin: 18px 0 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-about-hero:after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-about-hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-about-hero p { color: rgba(255, 255, 255, 0.88); max-width: 800px; font-size: 17px; margin: 0; } .jdhab-about-note, .jdhab-about-scope, .jdhab-about-openaccess { background: #ffffff; border-radius: 16px; padding: 30px 34px; margin: 24px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-about-note { border-left: 5px solid #6C7468; } .jdhab-about-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 26px 0 34px; } .jdhab-about-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 28px 26px; min-height: 200px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-about-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-about-card h3 { font-size: 20px; margin: 0 0 10px; } .jdhab-about-card p { font-size: 14px; line-height: 1.65; margin: 0; } .jdhab-about-openaccess { background: #123A5D; border: 1px solid #123A5D; } .jdhab-about-openaccess h2, .jdhab-about-openaccess p { color: #ffffff; } @media (max-width: 760px) { .jdhab-about-grid { grid-template-columns: 1fr; } .jdhab-about-hero { padding: 32px 24px; border-radius: 14px; } .jdhab-about-hero h1 { font-size: 28px; } .jdhab-about-note, .jdhab-about-scope, .jdhab-about-openaccess { padding: 24px 22px; } } /* Hide native OJS title only on the custom About the Journal page */ body:has(.jdhab-about-page) .pkp_structure_main > .page > h1:first-child { display: none; } body:has(.jdhab-about-page) .pkp_structure_main { padding-top: 0; } /* ========================================================= JDHAB — Clean custom About page inside OJS ========================================================= */ body:has(.jdhab-about-page) .pkp_structure_main > .page > h1:first-child { display: none !important; } body:has(.jdhab-about-page) .pkp_structure_main { padding-top: 0 !important; } body:has(.jdhab-about-page) .pkp_structure_main:before, body:has(.jdhab-about-page) .pkp_structure_main:after { display: none !important; } body:has(.jdhab-about-page) .pkp_structure_content { padding-top: 1.6rem !important; } body:has(.jdhab-about-page) .jdhab-about-page { margin-top: 0 !important; } /* ========================================================= JDHAB — Remove título nativo das páginas customizadas ========================================================= */ .page > h1.page_title { display: none !important; } .pkp_structure_main { padding-top: 0 !important; } .pkp_structure_main:before, .pkp_structure_main:after { display: none !important; } /* Remove o título nativo apenas da página About customizada */ .page_about > h1:first-child, .page_custom > h1:first-child { display: none !important; } /* Ajuste fino do espaçamento da página About */ .page_about .jdhab-about-page, .page_custom .jdhab-about-page { margin-top: 0 !important; } /* ========================================================= JDHAB — Editorial Team / Masthead Page Scoped CSS: affects only .jdhab-team ========================================================= */ .jdhab-team { max-width: 1040px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-team *, .jdhab-team *::before, .jdhab-team *::after { box-sizing: border-box; } .jdhab-team h1, .jdhab-team h2, .jdhab-team h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-team p { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-team__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 46px 52px; border-radius: 18px; margin: 18px 0 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-team__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-team__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-team__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-team__hero p { color: rgba(255, 255, 255, 0.9); max-width: 820px; font-size: 17px; line-height: 1.7; margin: 0; } /* MAIN SECTIONS */ .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { background: #ffffff; border-radius: 16px; padding: 30px 34px; margin: 24px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-team__intro { border-left: 5px solid #6C7468; } .jdhab-team__section h2, .jdhab-team__pathway h2 { margin-top: 0; margin-bottom: 18px; font-size: 24px; } /* GRID */ .jdhab-team__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 22px; } .jdhab-team__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* CARDS */ .jdhab-team__card, .jdhab-member { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 26px 26px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-team__card:hover, .jdhab-member:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-team__card--lead, .jdhab-member--lead { border-top-color: #6C7468; } .jdhab-team__card h3 { margin-top: 0; margin-bottom: 12px; font-size: 20px; } .jdhab-team__card p { margin-bottom: 0; } /* MEMBER CONTENT */ .jdhab-member__role { display: inline-block; margin-bottom: 12px; padding: 5px 11px; border: 1px solid rgba(108, 116, 104, 0.75); border-radius: 999px; color: #123A5D; background: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .jdhab-member__name { color: #123A5D; font-size: 19px; font-weight: 700; line-height: 1.3; margin-bottom: 8px; } .jdhab-member__affiliation { color: #334155; font-size: 14px; line-height: 1.55; margin-bottom: 12px; } .jdhab-member__expertise { color: #5b6773; font-size: 13px; line-height: 1.55; } /* SCIENTIFIC REVIEWERS — subtle highlight */ .jdhab-team__section .jdhab-member .jdhab-member__role { background: #F8FAFC; } /* PATHWAY FINAL BLOCK */ .jdhab-team__pathway { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; } .jdhab-team__pathway::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-team__pathway h2, .jdhab-team__pathway p { color: #ffffff; position: relative; z-index: 1; } .jdhab-team__pathway p { color: rgba(255, 255, 255, 0.9); } /* LINKS */ .jdhab-team a { color: #123A5D; font-weight: 700; text-decoration: none; } .jdhab-team a:hover { text-decoration: underline; } /* OPTIONAL: remove excess native spacing around custom page */ .page_custom .jdhab-team, .page_about .jdhab-team { margin-top: 0; } /* MOBILE */ @media (max-width: 900px) { .jdhab-team { padding: 0 4px 42px; } .jdhab-team__hero { padding: 38px 34px; } .jdhab-team__hero h1 { font-size: 32px; } } @media (max-width: 760px) { .jdhab-team__grid, .jdhab-team__grid--two { grid-template-columns: 1fr; } .jdhab-team__hero { padding: 32px 24px; border-radius: 14px; } .jdhab-team__hero h1 { font-size: 28px; } .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { padding: 24px 22px; } .jdhab-member__name { font-size: 18px; } } /* ========================================================= JDHAB — Mobile refinement for Editorial Team Add this at the END of the CSS file ========================================================= */ @media (max-width: 768px) { .jdhab-team { padding: 0 6px 34px; } .jdhab-team__hero { padding: 24px 18px; margin: 10px 0 20px; border-radius: 14px; } .jdhab-team__hero h1 { font-size: 28px; line-height: 1.15; margin-bottom: 12px; } .jdhab-team__hero p { font-size: 15px; line-height: 1.65; } .jdhab-team__kicker { font-size: 10px; letter-spacing: 0.08em; padding: 5px 10px; margin-bottom: 12px; } .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { padding: 20px 18px; margin: 16px 0; border-radius: 14px; } .jdhab-team__section h2, .jdhab-team__pathway h2 { font-size: 20px; line-height: 1.2; margin-bottom: 14px; } .jdhab-team__grid, .jdhab-team__grid--two { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; } .jdhab-team__card, .jdhab-member { padding: 18px 16px; border-radius: 14px; } .jdhab-member__role { display: inline-block; width: auto; max-width: 100%; white-space: normal; word-break: normal; overflow-wrap: break-word; font-size: 10px; line-height: 1.5; letter-spacing: 0.06em; padding: 6px 12px; margin-bottom: 12px; } .jdhab-member__name { font-size: 16px; line-height: 1.28; margin-bottom: 8px; } .jdhab-member__affiliation { font-size: 13px; line-height: 1.5; margin-bottom: 10px; } .jdhab-member__expertise { font-size: 12px; line-height: 1.5; } .jdhab-team__card h3 { font-size: 17px; margin-bottom: 10px; } .jdhab-team p { font-size: 14px; line-height: 1.65; } .jdhab-team__pathway p { font-size: 14px; line-height: 1.7; } } @media (max-width: 480px) { .jdhab-team { padding: 0 4px 28px; } .jdhab-team__hero { padding: 22px 16px; } .jdhab-team__hero h1 { font-size: 25px; } .jdhab-team__section h2, .jdhab-team__pathway h2 { font-size: 18px; } .jdhab-member__role { font-size: 9.5px; padding: 6px 10px; } .jdhab-member__name { font-size: 15px; } .jdhab-member__affiliation, .jdhab-member__expertise, .jdhab-team p { font-size: 13px; } } /* ========================================================= JDHAB — Editorial Team / Premium Mobile Refinement Add at the END of the CSS file ========================================================= */ @media (max-width: 768px) { .jdhab-team { padding: 0 8px 34px; } /* HERO */ .jdhab-team__hero { padding: 24px 20px; margin: 12px 0 18px; border-radius: 18px; box-shadow: 0 12px 28px rgba(18, 58, 93, 0.16); } .jdhab-team__hero::after { right: -70px; top: -70px; width: 170px; height: 170px; border-width: 1px; } .jdhab-team__kicker { font-size: 10px; letter-spacing: 0.08em; padding: 6px 11px; margin-bottom: 12px; } .jdhab-team__hero h1 { font-size: 25px; line-height: 1.12; margin: 0 0 12px; } .jdhab-team__hero p { font-size: 14px; line-height: 1.7; max-width: 100%; } /* STRUCTURE */ .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { padding: 20px 18px; margin: 14px 0; border-radius: 16px; box-shadow: 0 8px 22px rgba(18, 58, 93, 0.07); } .jdhab-team__section h2, .jdhab-team__pathway h2 { font-size: 17px; line-height: 1.25; margin-bottom: 14px; } .jdhab-team p { font-size: 14px; line-height: 1.68; } /* GRID */ .jdhab-team__grid, .jdhab-team__grid--two { grid-template-columns: 1fr; gap: 12px; margin-top: 14px; } /* CARDS */ .jdhab-team__card, .jdhab-member { padding: 16px 16px 15px; border-radius: 16px; border-top-width: 4px; box-shadow: 0 8px 18px rgba(18, 58, 93, 0.06); } .jdhab-team__card:hover, .jdhab-member:hover { transform: none; } .jdhab-team__card h3 { font-size: 16px; margin-bottom: 8px; } .jdhab-team__card p { font-size: 13px; line-height: 1.6; } /* MEMBER ROLE LABEL */ .jdhab-member__role { display: inline-flex; align-items: center; justify-content: flex-start; width: auto; max-width: 100%; white-space: normal; overflow-wrap: break-word; word-break: normal; font-size: 9.5px; line-height: 1.45; letter-spacing: 0.08em; padding: 7px 12px; margin-bottom: 12px; border-radius: 999px; background: #fbfcfe; } /* MEMBER TYPOGRAPHY */ .jdhab-member__name { font-size: 15px; line-height: 1.28; margin-bottom: 8px; } .jdhab-member__affiliation { font-size: 12.5px; line-height: 1.5; margin-bottom: 10px; } .jdhab-member__expertise { font-size: 12px; line-height: 1.55; } /* INTRO BLOCK */ .jdhab-team__intro p:last-child, .jdhab-team__pathway p:last-child, .jdhab-team__card p:last-child, .jdhab-member__expertise:last-child { margin-bottom: 0; } /* PATHWAY */ .jdhab-team__pathway { padding: 22px 18px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.16); } .jdhab-team__pathway::after { right: -55px; bottom: -55px; width: 140px; height: 140px; } .jdhab-team__pathway p { font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, 0.92); } } @media (max-width: 480px) { .jdhab-team { padding: 0 6px 28px; } .jdhab-team__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-team__hero h1 { font-size: 23px; } .jdhab-team__hero p { font-size: 13.5px; } .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { padding: 18px 15px; border-radius: 14px; } .jdhab-team__section h2, .jdhab-team__pathway h2 { font-size: 16px; } .jdhab-team__card, .jdhab-member { padding: 15px 14px; border-radius: 14px; } .jdhab-member__role { font-size: 9px; padding: 6px 10px; } .jdhab-member__name { font-size: 14px; } .jdhab-member__affiliation, .jdhab-member__expertise, .jdhab-team p, .jdhab-team__card p { font-size: 12.5px; } } /* ========================================================= JDHAB — Editorial Team Final Polish ========================================================= */ .jdhab-team__section h2 { padding-bottom: 12px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); } .jdhab-member__expertise { color: #6b7280; } .jdhab-team__section { scroll-margin-top: 120px; } @media (max-width: 768px) { .jdhab-team__section h2 { font-size: 22px; line-height: 1.2; } .jdhab-team__intro p { font-size: 15px; line-height: 1.65; } .jdhab-member { border-top-width: 5px; } .jdhab-member__role { max-width: 92%; } .jdhab-team__pathway { margin-bottom: 30px; } } @media (max-width: 480px) { .jdhab-team__section h2 { font-size: 21px; } .jdhab-member__name { font-size: 18px; } } /* ========================================================= JDHAB — Instructions for Authors Page Scoped CSS: affects only .jdhab-authors ========================================================= */ .jdhab-authors { max-width: 1040px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-authors *, .jdhab-authors *::before, .jdhab-authors *::after { box-sizing: border-box; } .jdhab-authors h1, .jdhab-authors h2, .jdhab-authors h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-authors p, .jdhab-authors li { font-size: 15px; line-height: 1.75; color: #2f3a45; } .jdhab-authors ul { margin: 10px 0 0 18px; padding: 0; } /* HERO */ .jdhab-authors__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 46px 52px; border-radius: 18px; margin: 18px 0 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-authors__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-authors__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-authors__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-authors__hero p { color: rgba(255, 255, 255, 0.9); max-width: 820px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-authors__intro, .jdhab-authors__section, .jdhab-authors__openaccess { background: #ffffff; border-radius: 16px; padding: 30px 34px; margin: 24px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-authors__intro { border-left: 5px solid #6C7468; } .jdhab-authors__section h2, .jdhab-authors__openaccess h2 { margin-top: 0; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 24px; } /* QUICK PATHWAY */ .jdhab-authors__quickgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 22px; } .jdhab-authors__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 20px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); } .jdhab-authors__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-authors__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-authors__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRIDS AND CARDS */ .jdhab-authors__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 22px; } .jdhab-authors__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-author-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 26px 26px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-author-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-author-card--lead { border-top-color: #6C7468; } .jdhab-author-card h3 { margin-top: 0; margin-bottom: 12px; font-size: 20px; } .jdhab-author-card p:last-child, .jdhab-author-card li:last-child { margin-bottom: 0; } .jdhab-authors__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; } /* DOWNLOAD CARDS */ .jdhab-author-card--download { border-top-color: #6C7468; } .jdhab-author-card--download a { display: inline-block; padding: 10px 14px; border-radius: 999px; background: #F8FAFC; border: 1px solid rgba(108, 116, 104, 0.6); color: #123A5D; font-size: 13px; font-weight: 700; text-decoration: none; } .jdhab-author-card--download a:hover { background: #123A5D; color: #ffffff; text-decoration: none; } /* OPEN ACCESS FINAL BLOCK */ .jdhab-authors__openaccess { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; } .jdhab-authors__openaccess::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-authors__openaccess h2, .jdhab-authors__openaccess p, .jdhab-authors__openaccess strong { color: #ffffff; position: relative; z-index: 1; } .jdhab-authors__openaccess p { color: rgba(255, 255, 255, 0.9); } /* LINKS */ .jdhab-authors a { color: #123A5D; font-weight: 700; } .jdhab-authors a:hover { color: #0B243B; } /* MOBILE */ @media (max-width: 900px) { .jdhab-authors__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-authors__grid, .jdhab-authors__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-authors { padding: 0 8px 34px; } .jdhab-authors__hero { padding: 24px 20px; margin: 12px 0 18px; border-radius: 18px; box-shadow: 0 12px 28px rgba(18, 58, 93, 0.16); } .jdhab-authors__hero::after { right: -70px; top: -70px; width: 170px; height: 170px; } .jdhab-authors__kicker { font-size: 10px; letter-spacing: 0.08em; padding: 6px 11px; margin-bottom: 12px; } .jdhab-authors__hero h1 { font-size: 25px; line-height: 1.12; } .jdhab-authors__hero p { font-size: 14px; line-height: 1.7; } .jdhab-authors__intro, .jdhab-authors__section, .jdhab-authors__openaccess { padding: 20px 18px; margin: 14px 0; border-radius: 16px; box-shadow: 0 8px 22px rgba(18, 58, 93, 0.07); } .jdhab-authors__section h2, .jdhab-authors__openaccess h2 { font-size: 22px; line-height: 1.2; } .jdhab-authors p, .jdhab-authors li { font-size: 14px; line-height: 1.68; } .jdhab-authors__quickgrid { grid-template-columns: 1fr; gap: 12px; } .jdhab-authors__grid, .jdhab-authors__grid--two { grid-template-columns: 1fr; gap: 12px; margin-top: 14px; } .jdhab-author-card, .jdhab-authors__quickcard { padding: 16px 16px 15px; border-radius: 16px; border-top-width: 5px; box-shadow: 0 8px 18px rgba(18, 58, 93, 0.06); } .jdhab-author-card:hover { transform: none; } .jdhab-author-card h3, .jdhab-authors__quickcard h3 { font-size: 17px; } .jdhab-authors__tags { font-size: 12px; } } @media (max-width: 480px) { .jdhab-authors { padding: 0 6px 28px; } .jdhab-authors__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-authors__hero h1 { font-size: 23px; } .jdhab-authors__hero p { font-size: 13.5px; } .jdhab-authors__intro, .jdhab-authors__section, .jdhab-authors__openaccess { padding: 18px 15px; border-radius: 14px; } .jdhab-authors__section h2, .jdhab-authors__openaccess h2 { font-size: 21px; } .jdhab-author-card, .jdhab-authors__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-authors p, .jdhab-authors li, .jdhab-author-card p, .jdhab-authors__quickcard p { font-size: 12.8px; } } /* ========================================================= JDHAB — Instructions for Authors Final Polish Improves readability and card proportions ========================================================= */ /* Mais presença para o conteúdo principal */ .jdhab-authors { max-width: 980px; } /* Hero com leitura mais confortável */ .jdhab-authors__hero p { max-width: 760px; font-size: 16px; line-height: 1.75; } /* Intro mais editorial */ .jdhab-authors__intro p { max-width: 860px; } /* Author pathway: 2x2 fica mais elegante que 4 colunas apertadas */ .jdhab-authors__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .jdhab-authors__quickcard { min-height: 190px; } .jdhab-authors__quickcard h3 { font-size: 18px; } .jdhab-authors__quickcard p { font-size: 14px; line-height: 1.65; } /* Cards principais com leitura mais respirada */ .jdhab-author-card { min-height: auto; } .jdhab-author-card h3 { font-size: 19px; line-height: 1.25; } .jdhab-author-card p, .jdhab-author-card li { font-size: 14.5px; line-height: 1.7; } /* Seções com títulos mais fortes */ .jdhab-authors__section h2 { font-size: 25px; line-height: 1.2; } /* Botões de download mais visíveis */ .jdhab-author-card--download a { font-size: 14px; padding: 11px 16px; } /* Bloco final Diamond Open Access mais legível */ .jdhab-authors__openaccess { padding: 34px 38px; } .jdhab-authors__openaccess h2 { font-size: 25px; border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-authors__openaccess p { font-size: 15px; line-height: 1.75; } /* Mobile mantém compacto e elegante */ @media (max-width: 768px) { .jdhab-authors { max-width: 100%; } .jdhab-authors__quickgrid { grid-template-columns: 1fr; } .jdhab-authors__quickcard { min-height: auto; } .jdhab-authors__section h2, .jdhab-authors__openaccess h2 { font-size: 22px; } .jdhab-authors__openaccess { padding: 22px 18px; } } /* ========================================================= JDHAB — Article Types & Limits Page Scoped CSS: affects only .jdhab-types ========================================================= */ .jdhab-types { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-types *, .jdhab-types *::before, .jdhab-types *::after { box-sizing: border-box; } .jdhab-types h1, .jdhab-types h2, .jdhab-types h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-types p, .jdhab-types li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-types__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 46px 52px; border-radius: 18px; margin: 18px 0 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-types__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-types__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-types__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-types__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard { background: #ffffff; border-radius: 16px; padding: 30px 34px; margin: 24px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-types__intro { border-left: 5px solid #6C7468; } .jdhab-types__section h2, .jdhab-types__standard h2 { margin-top: 0; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* LIMITS GRID */ .jdhab-types__limits-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 22px; } .jdhab-limit-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 5px solid #123A5D; border-radius: 16px; padding: 26px 26px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-limit-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-limit-card--lead { border-top-color: #6C7468; } .jdhab-limit-card--compact { grid-column: span 2; } .jdhab-limit-card__label { display: inline-block; margin-bottom: 13px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.72); border-radius: 999px; color: #123A5D; background: #F8FAFC; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .jdhab-limit-card h3 { font-size: 20px; line-height: 1.25; margin: 0 0 14px; } .jdhab-limit-card__meta p { margin: 0 0 7px; font-size: 14px; line-height: 1.55; } .jdhab-limit-card__meta p:last-child { margin-bottom: 0; } /* GENERAL GRID AND CARDS */ .jdhab-types__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 22px; } .jdhab-types__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-type-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 26px 26px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-type-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-type-card--lead { border-top-color: #6C7468; } .jdhab-type-card h3 { margin-top: 0; margin-bottom: 12px; font-size: 20px; line-height: 1.25; } .jdhab-type-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-types__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; } /* FINAL STANDARD BLOCK */ .jdhab-types__standard { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; } .jdhab-types__standard::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-types__standard h2, .jdhab-types__standard p, .jdhab-types__standard strong, .jdhab-types__standard em { color: #ffffff; position: relative; z-index: 1; } .jdhab-types__standard h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-types__standard p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { grid-template-columns: 1fr; } .jdhab-limit-card--compact { grid-column: span 1; } } @media (max-width: 768px) { .jdhab-types { padding: 0 8px 34px; max-width: 100%; } .jdhab-types__hero { padding: 24px 20px; margin: 12px 0 18px; border-radius: 18px; box-shadow: 0 12px 28px rgba(18, 58, 93, 0.16); } .jdhab-types__hero::after { right: -70px; top: -70px; width: 170px; height: 170px; } .jdhab-types__kicker { font-size: 10px; letter-spacing: 0.08em; padding: 6px 11px; margin-bottom: 12px; } .jdhab-types__hero h1 { font-size: 25px; line-height: 1.12; } .jdhab-types__hero p { font-size: 14px; line-height: 1.7; } .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard { padding: 20px 18px; margin: 14px 0; border-radius: 16px; box-shadow: 0 8px 22px rgba(18, 58, 93, 0.07); } .jdhab-types__section h2, .jdhab-types__standard h2 { font-size: 22px; line-height: 1.2; } .jdhab-types p, .jdhab-types li { font-size: 14px; line-height: 1.68; } .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { gap: 12px; margin-top: 14px; } .jdhab-limit-card, .jdhab-type-card { padding: 16px 16px 15px; border-radius: 16px; box-shadow: 0 8px 18px rgba(18, 58, 93, 0.06); } .jdhab-limit-card:hover, .jdhab-type-card:hover { transform: none; } .jdhab-limit-card h3, .jdhab-type-card h3 { font-size: 17px; } .jdhab-limit-card__label { font-size: 9.5px; line-height: 1.45; padding: 6px 10px; } .jdhab-limit-card__meta p { font-size: 13px; } .jdhab-types__tags { font-size: 12px; } } @media (max-width: 480px) { .jdhab-types { padding: 0 6px 28px; } .jdhab-types__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-types__hero h1 { font-size: 23px; } .jdhab-types__hero p { font-size: 13.5px; } .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard { padding: 18px 15px; border-radius: 14px; } .jdhab-types__section h2, .jdhab-types__standard h2 { font-size: 21px; } .jdhab-limit-card, .jdhab-type-card { padding: 15px 14px; border-radius: 14px; } .jdhab-types p, .jdhab-types li, .jdhab-type-card p, .jdhab-limit-card__meta p { font-size: 12.8px; } } /* JDHAB — wide final card for Article Types page */ .jdhab-type-card--wide { grid-column: span 2; } @media (max-width: 900px) { .jdhab-type-card--wide { grid-column: span 1; } } /* ========================================================= JDHAB — Article Types & Limits compact premium adjustment ========================================================= */ .jdhab-types__hero { padding: 38px 48px !important; margin: 12px 0 24px !important; } .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard { margin: 18px 0 !important; padding: 26px 30px !important; } .jdhab-types__section h2, .jdhab-types__standard h2 { margin-bottom: 14px !important; padding-bottom: 10px !important; } .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { margin-top: 18px !important; gap: 18px !important; } .jdhab-limit-card, .jdhab-type-card { padding: 24px 24px !important; } .jdhab-limit-card h3, .jdhab-type-card h3 { margin-bottom: 10px !important; } .jdhab-limit-card__label { margin-bottom: 11px !important; } @media (max-width: 768px) { .jdhab-types__hero { padding: 24px 20px !important; margin: 12px 0 16px !important; } .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard { margin: 14px 0 !important; padding: 20px 18px !important; } .jdhab-limit-card, .jdhab-type-card { padding: 16px 16px !important; } } /* ========================================================= JDHAB — Article Types & Limits tighter spacing Final compact adjustment ========================================================= */ .jdhab-types__hero { margin-bottom: 14px !important; } .jdhab-types__intro { margin-top: 0 !important; margin-bottom: 16px !important; padding-top: 20px !important; padding-bottom: 20px !important; } .jdhab-types__section { margin-top: 16px !important; margin-bottom: 16px !important; } .jdhab-types__section h2 { margin-bottom: 12px !important; } .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { margin-top: 14px !important; } /* Reduz um pouco a distância interna dos cards */ .jdhab-limit-card, .jdhab-type-card { padding-top: 22px !important; padding-bottom: 22px !important; } /* Mobile mais compacto */ @media (max-width: 768px) { .jdhab-types__hero { margin-bottom: 12px !important; } .jdhab-types__intro { margin-top: 0 !important; margin-bottom: 12px !important; padding-top: 18px !important; padding-bottom: 18px !important; } .jdhab-types__section { margin-top: 12px !important; margin-bottom: 12px !important; } .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { margin-top: 12px !important; } .jdhab-limit-card, .jdhab-type-card { padding-top: 15px !important; padding-bottom: 15px !important; } } /* ========================================================= JDHAB — Manuscript Template Page Scoped CSS: affects only .jdhab-template ========================================================= */ .jdhab-template { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-template *, .jdhab-template *::before, .jdhab-template *::after { box-sizing: border-box; } .jdhab-template h1, .jdhab-template h2, .jdhab-template h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-template p, .jdhab-template li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-template__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-template__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-template__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-template__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-template__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-template__intro, .jdhab-template__section, .jdhab-template__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-template__intro { border-left: 5px solid #6C7468; } .jdhab-template__section h2, .jdhab-template__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* GRID */ .jdhab-template__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-template__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-template__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* CARDS */ .jdhab-template-card, .jdhab-template-check { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-template-card:hover, .jdhab-template-check:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-template-card--lead { border-top-color: #6C7468; } .jdhab-template-card h3, .jdhab-template-check h3 { margin-top: 0; margin-bottom: 10px; font-size: 20px; line-height: 1.25; } .jdhab-template-card p:last-child, .jdhab-template-check p:last-child { margin-bottom: 0; } .jdhab-template-card__label { display: inline-block; margin-bottom: 12px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.72); border-radius: 999px; color: #123A5D; background: #F8FAFC; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } /* BUTTON */ .jdhab-template__button-wrap { margin-top: 18px !important; } .jdhab-template__button, .jdhab-template-card--resource a { display: inline-block; padding: 11px 16px; border-radius: 999px; background: #F8FAFC; border: 1px solid rgba(108, 116, 104, 0.65); color: #123A5D; font-size: 14px; font-weight: 700; text-decoration: none; } .jdhab-template__button:hover, .jdhab-template-card--resource a:hover { background: #123A5D; color: #ffffff; text-decoration: none; } /* CHECKLIST */ .jdhab-template__checklist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; } .jdhab-template-check span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-template-check h3 { font-size: 17px; } .jdhab-template-check p { font-size: 13px; line-height: 1.6; } /* FINAL BLOCK */ .jdhab-template__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; } .jdhab-template__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-template__final h2, .jdhab-template__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-template__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-template__final p { color: rgba(255, 255, 255, 0.9); } /* LINKS */ .jdhab-template a { color: #123A5D; font-weight: 700; } /* MOBILE */ @media (max-width: 900px) { .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three { grid-template-columns: 1fr; } .jdhab-template__checklist { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 768px) { .jdhab-template { padding: 0 8px 34px; max-width: 100%; } .jdhab-template__hero { padding: 24px 20px; margin: 12px 0 12px; border-radius: 18px; box-shadow: 0 12px 28px rgba(18, 58, 93, 0.16); } .jdhab-template__hero::after { right: -70px; top: -70px; width: 170px; height: 170px; } .jdhab-template__kicker { font-size: 10px; letter-spacing: 0.08em; padding: 6px 11px; margin-bottom: 12px; } .jdhab-template__hero h1 { font-size: 25px; line-height: 1.12; } .jdhab-template__hero p { font-size: 14px; line-height: 1.7; } .jdhab-template__intro, .jdhab-template__section, .jdhab-template__final { padding: 20px 18px; margin: 12px 0; border-radius: 16px; box-shadow: 0 8px 22px rgba(18, 58, 93, 0.07); } .jdhab-template__section h2, .jdhab-template__final h2 { font-size: 22px; line-height: 1.2; } .jdhab-template p, .jdhab-template li { font-size: 14px; line-height: 1.68; } .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three { gap: 12px; margin-top: 12px; } .jdhab-template__checklist { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; } .jdhab-template-card, .jdhab-template-check { padding: 16px 16px; border-radius: 16px; box-shadow: 0 8px 18px rgba(18, 58, 93, 0.06); } .jdhab-template-card:hover, .jdhab-template-check:hover { transform: none; } .jdhab-template-card h3, .jdhab-template-check h3 { font-size: 17px; } } @media (max-width: 480px) { .jdhab-template { padding: 0 6px 28px; } .jdhab-template__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-template__hero h1 { font-size: 23px; } .jdhab-template__hero p { font-size: 13.5px; } .jdhab-template__intro, .jdhab-template__section, .jdhab-template__final { padding: 18px 15px; border-radius: 14px; } .jdhab-template__section h2, .jdhab-template__final h2 { font-size: 21px; } .jdhab-template-card, .jdhab-template-check { padding: 15px 14px; border-radius: 14px; } .jdhab-template p, .jdhab-template li, .jdhab-template-card p, .jdhab-template-check p { font-size: 12.8px; } } /* ========================================================= JDHAB — Manuscript Template final compact polish ========================================================= */ .jdhab-template__section { margin-top: 14px !important; margin-bottom: 14px !important; } .jdhab-template__grid--three .jdhab-template-card { padding: 20px 20px !important; } .jdhab-template__grid--three .jdhab-template-card h3 { font-size: 19px !important; line-height: 1.2 !important; } .jdhab-template__grid--three .jdhab-template-card p { font-size: 14px !important; line-height: 1.65 !important; } .jdhab-template__button, .jdhab-template-card--resource a { padding: 10px 14px !important; font-size: 13.5px !important; } .jdhab-template__final { margin-top: 16px !important; padding: 28px 34px !important; } @media (max-width: 768px) { .jdhab-template__final { padding: 22px 18px !important; } .jdhab-template__grid--three .jdhab-template-card { padding: 16px 16px !important; } } /* ========================================================= JDHAB — Manuscript Template resource cards premium polish Refines Related Author Resources block ========================================================= */ .jdhab-template__grid--three { gap: 16px !important; align-items: stretch !important; } .jdhab-template-card--resource { padding: 22px 22px 20px !important; display: flex !important; flex-direction: column !important; min-height: 260px !important; border-top-width: 5px !important; } .jdhab-template-card--resource h3 { font-size: 20px !important; line-height: 1.18 !important; margin-bottom: 14px !important; min-height: 48px !important; } .jdhab-template-card--resource p { font-size: 14px !important; line-height: 1.62 !important; margin-bottom: 16px !important; } .jdhab-template-card--resource p:last-child { margin-top: auto !important; margin-bottom: 0 !important; } .jdhab-template-card--resource a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 12px 14px !important; border-radius: 12px !important; background: #F8FAFC !important; border: 1px solid rgba(18, 58, 93, 0.16) !important; color: #123A5D !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; } .jdhab-template-card--resource a::after { content: "→"; margin-left: 12px; color: #6C7468; font-size: 16px; font-weight: 700; } .jdhab-template-card--resource a:hover { background: #123A5D !important; border-color: #123A5D !important; color: #ffffff !important; } .jdhab-template-card--resource a:hover::after { color: #6C7468; } @media (max-width: 900px) { .jdhab-template-card--resource { min-height: auto !important; } .jdhab-template-card--resource h3 { min-height: auto !important; } } @media (max-width: 768px) { .jdhab-template-card--resource { padding: 18px 16px !important; } .jdhab-template-card--resource a { padding: 11px 13px !important; font-size: 13px !important; } } /* ========================================================= JDHAB — Submit Paper Custom Page Scoped CSS: affects only .jdhab-submit-page ========================================================= */ .jdhab-submit-page { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-submit-page *, .jdhab-submit-page *::before, .jdhab-submit-page *::after { box-sizing: border-box; } .jdhab-submit-page h1, .jdhab-submit-page h2, .jdhab-submit-page h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-submit-page p, .jdhab-submit-page li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-submit-page__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-submit-page__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-submit-page__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-submit-page__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-submit-page__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-submit-page__intro, .jdhab-submit-page__section, .jdhab-submit-page__notice { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-submit-page__intro { border-left: 5px solid #6C7468; } .jdhab-submit-page__section h2, .jdhab-submit-page__notice h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* GRID */ .jdhab-submit-page__grid { display: grid; gap: 18px; margin-top: 16px; } .jdhab-submit-page__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* CARDS */ .jdhab-submit-page-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px 20px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; display: flex; flex-direction: column; } .jdhab-submit-page-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-submit-page-card--lead { border-top-color: #6C7468; } .jdhab-submit-page-card h3 { margin: 0 0 12px; font-size: 19px; line-height: 1.22; } .jdhab-submit-page-card p { font-size: 14px; line-height: 1.62; } .jdhab-submit-page-card p:last-child { margin-top: auto; margin-bottom: 0; } /* LINKS / BUTTONS */ .jdhab-submit-page-card a, .jdhab-submit-page__actions a { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 14px; border-radius: 12px; background: #F8FAFC; border: 1px solid rgba(18, 58, 93, 0.16); color: #123A5D; font-size: 13.5px; font-weight: 700; line-height: 1.35; text-decoration: none; } .jdhab-submit-page-card a::after, .jdhab-submit-page__actions a::after { content: "→"; margin-left: 12px; color: #6C7468; font-size: 16px; font-weight: 700; } .jdhab-submit-page-card a:hover, .jdhab-submit-page__actions a:hover { background: #123A5D; border-color: #123A5D; color: #ffffff; text-decoration: none; } /* CHECKLIST */ .jdhab-submit-page__checklist ul { margin: 14px 0 0; padding: 0; list-style: none; } .jdhab-submit-page__checklist li { position: relative; padding-left: 28px; margin-bottom: 12px; } .jdhab-submit-page__checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #6C7468; font-weight: 700; } /* ACTION BLOCK */ .jdhab-submit-page__action { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border-radius: 16px; padding: 30px 34px; margin: 16px 0; position: relative; overflow: hidden; box-shadow: 0 18px 40px rgba(18, 58, 93, 0.16); } .jdhab-submit-page__action::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-submit-page__action h2, .jdhab-submit-page__action p { color: #ffffff; position: relative; z-index: 1; } .jdhab-submit-page__action h2 { margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.22); } .jdhab-submit-page__action p { color: rgba(255, 255, 255, 0.9); } .jdhab-submit-page__actions { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; } .jdhab-submit-page__actions a { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); color: #ffffff; } /* NOTICE */ .jdhab-submit-page__notice { border-left: 5px solid #123A5D; } /* MOBILE */ @media (max-width: 900px) { .jdhab-submit-page__grid--three, .jdhab-submit-page__actions { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-submit-page { padding: 0 8px 34px; max-width: 100%; } .jdhab-submit-page__hero { padding: 24px 20px; margin: 12px 0 12px; border-radius: 18px; } .jdhab-submit-page__hero h1 { font-size: 25px; } .jdhab-submit-page__hero p { font-size: 14px; } .jdhab-submit-page__intro, .jdhab-submit-page__section, .jdhab-submit-page__action, .jdhab-submit-page__notice { padding: 20px 18px; margin: 12px 0; border-radius: 16px; } .jdhab-submit-page-card { padding: 16px; border-radius: 16px; } .jdhab-submit-page-card:hover { transform: none; } .jdhab-submit-page__section h2, .jdhab-submit-page__action h2, .jdhab-submit-page__notice h2 { font-size: 22px; } .jdhab-submit-page p, .jdhab-submit-page li { font-size: 14px; line-height: 1.68; } } @media (max-width: 480px) { .jdhab-submit-page__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-submit-page__hero h1 { font-size: 23px; } .jdhab-submit-page__intro, .jdhab-submit-page__section, .jdhab-submit-page__action, .jdhab-submit-page__notice { padding: 18px 15px; border-radius: 14px; } .jdhab-submit-page-card { padding: 15px 14px; } .jdhab-submit-page p, .jdhab-submit-page li { font-size: 12.8px; } } .jdhab-submit-page /* ========================================================= JDHAB — Publication Ethics Page Scoped CSS: affects only .jdhab-ethics ========================================================= */ .jdhab-ethics { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-ethics *, .jdhab-ethics *::before, .jdhab-ethics *::after { box-sizing: border-box; } .jdhab-ethics h1, .jdhab-ethics h2, .jdhab-ethics h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-ethics p, .jdhab-ethics li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-ethics__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-ethics__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-ethics__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-ethics__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-ethics__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-ethics__intro { border-left: 5px solid #6C7468; } .jdhab-ethics__section h2, .jdhab-ethics__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK FRAMEWORK */ .jdhab-ethics__quickgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; } .jdhab-ethics__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 20px 18px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); } .jdhab-ethics__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-ethics__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-ethics__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRIDS */ .jdhab-ethics__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-ethics__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* CARDS */ .jdhab-ethics-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-ethics-card:hover, .jdhab-ethics__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-ethics-card--lead { border-top-color: #6C7468; } .jdhab-ethics-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 20px; line-height: 1.25; } .jdhab-ethics-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-ethics__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; } /* FINAL BLOCK */ .jdhab-ethics__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; } .jdhab-ethics__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-ethics__final h2, .jdhab-ethics__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-ethics__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-ethics__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-ethics__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-ethics__grid, .jdhab-ethics__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-ethics { padding: 0 8px 34px; max-width: 100%; } .jdhab-ethics__hero { padding: 24px 20px; margin: 12px 0 12px; border-radius: 18px; } .jdhab-ethics__hero h1 { font-size: 25px; } .jdhab-ethics__hero p { font-size: 14px; line-height: 1.7; } .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final { padding: 20px 18px; margin: 12px 0; border-radius: 16px; } .jdhab-ethics__section h2, .jdhab-ethics__final h2 { font-size: 22px; } .jdhab-ethics__quickgrid, .jdhab-ethics__grid, .jdhab-ethics__grid--two { grid-template-columns: 1fr; gap: 12px; margin-top: 12px; } .jdhab-ethics-card, .jdhab-ethics__quickcard { padding: 16px; border-radius: 16px; } .jdhab-ethics-card:hover, .jdhab-ethics__quickcard:hover { transform: none; } .jdhab-ethics p, .jdhab-ethics li { font-size: 14px; line-height: 1.68; } } @media (max-width: 480px) { .jdhab-ethics__hero { padding: 22px 16px; border-radius: 16px; } .jdhab-ethics__hero h1 { font-size: 23px; } .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final { padding: 18px 15px; border-radius: 14px; } .jdhab-ethics-card, .jdhab-ethics__quickcard { padding: 15px 14px; } .jdhab-ethics p, .jdhab-ethics li { font-size: 12.8px; } } /* ========================================================= JDHAB — Publication Ethics Final Premium Polish Improves desktop balance and mobile readability ========================================================= */ /* Desktop: Ethical Framework em 2x2, não 4 colunas apertadas */ .jdhab-ethics__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .jdhab-ethics__quickcard { padding: 22px 22px !important; } /* Cards únicos ocupam largura total */ .jdhab-ethics__grid .jdhab-ethics-card:only-child { grid-column: 1 / -1; } /* Menos espaço morto nas seções */ .jdhab-ethics__section { margin-top: 14px !important; margin-bottom: 14px !important; } .jdhab-ethics__section h2, .jdhab-ethics__final h2 { margin-bottom: 12px !important; padding-bottom: 10px !important; } /* Cards com leitura mais equilibrada */ .jdhab-ethics-card { padding: 24px 24px !important; } .jdhab-ethics-card h3 { font-size: 19px !important; line-height: 1.25 !important; } .jdhab-ethics-card p { font-size: 14.5px !important; line-height: 1.7 !important; } /* Tags mais elegantes */ .jdhab-ethics__tags { font-size: 12px !important; letter-spacing: 0.01em; color: #6b7280 !important; } /* Bloco final mais compacto */ .jdhab-ethics__final { padding: 28px 34px !important; margin-top: 16px !important; } /* Mobile: reduzir força excessiva dos títulos */ @media (max-width: 768px) { .jdhab-ethics__quickgrid { grid-template-columns: 1fr !important; gap: 12px !important; } .jdhab-ethics__hero { padding: 22px 18px !important; margin-bottom: 12px !important; } .jdhab-ethics__hero h1 { font-size: 24px !important; line-height: 1.15 !important; } .jdhab-ethics__hero p { font-size: 13.8px !important; line-height: 1.65 !important; } .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final { padding: 18px 15px !important; margin: 12px 0 !important; } .jdhab-ethics__section h2, .jdhab-ethics__final h2 { font-size: 21px !important; line-height: 1.2 !important; } .jdhab-ethics-card, .jdhab-ethics__quickcard { padding: 15px 14px !important; border-radius: 14px !important; } .jdhab-ethics-card h3, .jdhab-ethics__quickcard h3 { font-size: 17px !important; line-height: 1.25 !important; } .jdhab-ethics-card p, .jdhab-ethics__quickcard p, .jdhab-ethics p, .jdhab-ethics li { font-size: 13px !important; line-height: 1.62 !important; } .jdhab-ethics__quickcard span { width: 30px !important; height: 30px !important; margin-bottom: 10px !important; font-size: 11px !important; } .jdhab-ethics__tags { font-size: 11.5px !important; line-height: 1.45 !important; } .jdhab-ethics__final { padding: 22px 18px !important; } } /* iPhone menor */ @media (max-width: 480px) { .jdhab-ethics__section h2, .jdhab-ethics__final h2 { font-size: 20px !important; } .jdhab-ethics-card h3, .jdhab-ethics__quickcard h3 { font-size: 16.5px !important; } .jdhab-ethics-card p, .jdhab-ethics__quickcard p, .jdhab-ethics p, .jdhab-ethics li { font-size: 12.8px !important; } } /* ========================================================= JDHAB — Peer Review Process Page Scoped CSS: affects only .jdhab-review ========================================================= */ .jdhab-review { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-review *, .jdhab-review *::before, .jdhab-review *::after { box-sizing: border-box; } .jdhab-review h1, .jdhab-review h2, .jdhab-review h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-review p, .jdhab-review li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-review__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-review__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-review__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-review__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-review__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-review__intro, .jdhab-review__section, .jdhab-review__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-review__intro { border-left: 5px solid #6C7468; } .jdhab-review__section h2, .jdhab-review__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* WORKFLOW QUICK CARDS */ .jdhab-review__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-review__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-review__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-review__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-review__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-review__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRIDS */ .jdhab-review__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-review__grid .jdhab-review-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-review-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-review-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-review-card--lead { border-top-color: #6C7468; } .jdhab-review-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-review-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-review-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-review__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; letter-spacing: 0.01em; } /* FINAL BLOCK */ .jdhab-review__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-review__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-review__final h2, .jdhab-review__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-review__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-review__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-review__quickgrid, .jdhab-review__grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-review { padding: 0 8px 34px; max-width: 100%; } .jdhab-review__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-review__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-review__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-review__intro, .jdhab-review__section, .jdhab-review__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-review__section h2, .jdhab-review__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-review__quickgrid, .jdhab-review__grid { gap: 12px; margin-top: 12px; } .jdhab-review-card, .jdhab-review__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-review-card:hover, .jdhab-review__quickcard:hover { transform: none; } .jdhab-review-card h3, .jdhab-review__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-review-card p, .jdhab-review__quickcard p, .jdhab-review p, .jdhab-review li { font-size: 13px; line-height: 1.62; } .jdhab-review__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-review__tags { font-size: 11.5px; line-height: 1.45; } .jdhab-review__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-review__section h2, .jdhab-review__final h2 { font-size: 20px; } .jdhab-review-card h3, .jdhab-review__quickcard h3 { font-size: 16.5px; } .jdhab-review-card p, .jdhab-review__quickcard p, .jdhab-review p, .jdhab-review li { font-size: 12.8px; } } /* ========================================================= JDHAB — Open Access and Copyright Page Scoped CSS: affects only .jdhab-openaccess ========================================================= */ .jdhab-openaccess { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-openaccess *, .jdhab-openaccess *::before, .jdhab-openaccess *::after { box-sizing: border-box; } .jdhab-openaccess h1, .jdhab-openaccess h2, .jdhab-openaccess h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-openaccess p, .jdhab-openaccess li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-openaccess__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-openaccess__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-openaccess__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-openaccess__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-openaccess__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-openaccess__intro, .jdhab-openaccess__section, .jdhab-openaccess__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-openaccess__intro { border-left: 5px solid #6C7468; } .jdhab-openaccess__section h2, .jdhab-openaccess__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK CARDS */ .jdhab-openaccess__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-openaccess__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-openaccess__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-openaccess__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-openaccess__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-openaccess__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRID */ .jdhab-openaccess__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-openaccess__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-openaccess__grid .jdhab-openaccess-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-openaccess-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-openaccess-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-openaccess-card--lead { border-top-color: #6C7468; } .jdhab-openaccess-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-openaccess-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-openaccess-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-openaccess__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; letter-spacing: 0.01em; } /* FINAL BLOCK */ .jdhab-openaccess__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-openaccess__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-openaccess__final h2, .jdhab-openaccess__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-openaccess__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-openaccess__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-openaccess__quickgrid, .jdhab-openaccess__grid, .jdhab-openaccess__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-openaccess { padding: 0 8px 34px; max-width: 100%; } .jdhab-openaccess__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-openaccess__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-openaccess__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-openaccess__intro, .jdhab-openaccess__section, .jdhab-openaccess__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-openaccess__section h2, .jdhab-openaccess__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-openaccess__quickgrid, .jdhab-openaccess__grid, .jdhab-openaccess__grid--two { gap: 12px; margin-top: 12px; } .jdhab-openaccess-card, .jdhab-openaccess__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-openaccess-card:hover, .jdhab-openaccess__quickcard:hover { transform: none; } .jdhab-openaccess-card h3, .jdhab-openaccess__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-openaccess-card p, .jdhab-openaccess__quickcard p, .jdhab-openaccess p, .jdhab-openaccess li { font-size: 13px; line-height: 1.62; } .jdhab-openaccess__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-openaccess__tags { font-size: 11.5px; line-height: 1.45; } .jdhab-openaccess__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-openaccess__section h2, .jdhab-openaccess__final h2 { font-size: 20px; } .jdhab-openaccess-card h3, .jdhab-openaccess__quickcard h3 { font-size: 16.5px; } .jdhab-openaccess-card p, .jdhab-openaccess__quickcard p, .jdhab-openaccess p, .jdhab-openaccess li { font-size: 12.8px; } } /* ========================================================= JDHAB — Privacy Statement Page Scoped CSS: affects only .jdhab-privacy ========================================================= */ .jdhab-privacy { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-privacy *, .jdhab-privacy *::before, .jdhab-privacy *::after { box-sizing: border-box; } .jdhab-privacy h1, .jdhab-privacy h2, .jdhab-privacy h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-privacy p, .jdhab-privacy li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-privacy__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-privacy__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-privacy__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-privacy__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-privacy__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-privacy__intro, .jdhab-privacy__section, .jdhab-privacy__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-privacy__intro { border-left: 5px solid #6C7468; } .jdhab-privacy__section h2, .jdhab-privacy__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK CARDS */ .jdhab-privacy__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-privacy__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-privacy__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-privacy__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-privacy__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-privacy__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRID */ .jdhab-privacy__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-privacy__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-privacy__grid .jdhab-privacy-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-privacy-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-privacy-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-privacy-card--lead { border-top-color: #6C7468; } .jdhab-privacy-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-privacy-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-privacy-card p:last-child { margin-bottom: 0; } /* LINKS */ .jdhab-privacy a { color: #123A5D; font-weight: 700; text-decoration: none; } .jdhab-privacy a:hover { text-decoration: underline; } /* FINAL BLOCK */ .jdhab-privacy__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-privacy__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-privacy__final h2, .jdhab-privacy__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-privacy__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-privacy__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-privacy__quickgrid, .jdhab-privacy__grid, .jdhab-privacy__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-privacy { padding: 0 8px 34px; max-width: 100%; } .jdhab-privacy__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-privacy__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-privacy__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-privacy__intro, .jdhab-privacy__section, .jdhab-privacy__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-privacy__section h2, .jdhab-privacy__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-privacy__quickgrid, .jdhab-privacy__grid, .jdhab-privacy__grid--two { gap: 12px; margin-top: 12px; } .jdhab-privacy-card, .jdhab-privacy__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-privacy-card:hover, .jdhab-privacy__quickcard:hover { transform: none; } .jdhab-privacy-card h3, .jdhab-privacy__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-privacy-card p, .jdhab-privacy__quickcard p, .jdhab-privacy p, .jdhab-privacy li { font-size: 13px; line-height: 1.62; } .jdhab-privacy__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-privacy__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-privacy__section h2, .jdhab-privacy__final h2 { font-size: 20px; } .jdhab-privacy-card h3, .jdhab-privacy__quickcard h3 { font-size: 16.5px; } .jdhab-privacy-card p, .jdhab-privacy__quickcard p, .jdhab-privacy p, .jdhab-privacy li { font-size: 12.8px; } } /* ========================================================= JDHAB — Archiving Page Scoped CSS: affects only .jdhab-archiving ========================================================= */ .jdhab-archiving { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-archiving *, .jdhab-archiving *::before, .jdhab-archiving *::after { box-sizing: border-box; } .jdhab-archiving h1, .jdhab-archiving h2, .jdhab-archiving h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-archiving p, .jdhab-archiving li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-archiving__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-archiving__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-archiving__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-archiving__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-archiving__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-archiving__intro, .jdhab-archiving__section, .jdhab-archiving__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-archiving__intro { border-left: 5px solid #6C7468; } .jdhab-archiving__section h2, .jdhab-archiving__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK CARDS */ .jdhab-archiving__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-archiving__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-archiving__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-archiving__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-archiving__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-archiving__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRID */ .jdhab-archiving__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-archiving__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-archiving__grid .jdhab-archiving-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-archiving-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-archiving-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-archiving-card--lead { border-top-color: #6C7468; } .jdhab-archiving-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-archiving-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-archiving-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-archiving__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; letter-spacing: 0.01em; } /* FINAL BLOCK */ .jdhab-archiving__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-archiving__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-archiving__final h2, .jdhab-archiving__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-archiving__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-archiving__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-archiving { padding: 0 8px 34px; max-width: 100%; } .jdhab-archiving__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-archiving__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-archiving__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-archiving__intro, .jdhab-archiving__section, .jdhab-archiving__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-archiving__section h2, .jdhab-archiving__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two { gap: 12px; margin-top: 12px; } .jdhab-archiving-card, .jdhab-archiving__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-archiving-card:hover, .jdhab-archiving__quickcard:hover { transform: none; } .jdhab-archiving-card h3, .jdhab-archiving__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-archiving-card p, .jdhab-archiving__quickcard p, .jdhab-archiving p, .jdhab-archiving li { font-size: 13px; line-height: 1.62; } .jdhab-archiving__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-archiving__tags { font-size: 11.5px; line-height: 1.45; } .jdhab-archiving__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-archiving__section h2, .jdhab-archiving__final h2 { font-size: 20px; } .jdhab-archiving-card h3, .jdhab-archiving__quickcard h3 { font-size: 16.5px; } .jdhab-archiving-card p, .jdhab-archiving__quickcard p, .jdhab-archiving p, .jdhab-archiving li { font-size: 12.8px; } } /* ========================================================= JDHAB — Funding Page Scoped CSS: affects only .jdhab-funding ========================================================= */ .jdhab-funding { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-funding *, .jdhab-funding *::before, .jdhab-funding *::after { box-sizing: border-box; } .jdhab-funding h1, .jdhab-funding h2, .jdhab-funding h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-funding p, .jdhab-funding li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-funding__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-funding__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-funding__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-funding__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-funding__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-funding__intro, .jdhab-funding__section, .jdhab-funding__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-funding__intro { border-left: 5px solid #6C7468; } .jdhab-funding__section h2, .jdhab-funding__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK CARDS */ .jdhab-funding__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-funding__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-funding__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-funding__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-funding__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-funding__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRID */ .jdhab-funding__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-funding__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-funding__grid .jdhab-funding-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-funding-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-funding-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-funding-card--lead { border-top-color: #6C7468; } .jdhab-funding-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-funding-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-funding-card p:last-child { margin-bottom: 0; } /* TAGS */ .jdhab-funding__tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid #edf2f7; color: #6b7280; font-size: 12px; line-height: 1.5; letter-spacing: 0.01em; } /* LINKS */ .jdhab-funding a { color: #123A5D; font-weight: 700; text-decoration: none; } .jdhab-funding a:hover { text-decoration: underline; } /* FINAL BLOCK */ .jdhab-funding__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-funding__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-funding__final h2, .jdhab-funding__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-funding__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-funding__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-funding__quickgrid, .jdhab-funding__grid, .jdhab-funding__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-funding { padding: 0 8px 34px; max-width: 100%; } .jdhab-funding__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-funding__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-funding__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-funding__intro, .jdhab-funding__section, .jdhab-funding__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-funding__section h2, .jdhab-funding__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-funding__quickgrid, .jdhab-funding__grid, .jdhab-funding__grid--two { gap: 12px; margin-top: 12px; } .jdhab-funding-card, .jdhab-funding__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-funding-card:hover, .jdhab-funding__quickcard:hover { transform: none; } .jdhab-funding-card h3, .jdhab-funding__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-funding-card p, .jdhab-funding__quickcard p, .jdhab-funding p, .jdhab-funding li { font-size: 13px; line-height: 1.62; } .jdhab-funding__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-funding__tags { font-size: 11.5px; line-height: 1.45; } .jdhab-funding__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-funding__section h2, .jdhab-funding__final h2 { font-size: 20px; } .jdhab-funding-card h3, .jdhab-funding__quickcard h3 { font-size: 16.5px; } .jdhab-funding-card p, .jdhab-funding__quickcard p, .jdhab-funding p, .jdhab-funding li { font-size: 12.8px; } } /* ========================================================= JDHAB — Contact Page Scoped CSS: affects only .jdhab-contact ========================================================= */ .jdhab-contact { max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: #1f2933; font-family: Arial, Helvetica, sans-serif; } .jdhab-contact *, .jdhab-contact *::before, .jdhab-contact *::after { box-sizing: border-box; } .jdhab-contact h1, .jdhab-contact h2, .jdhab-contact h3 { color: #123A5D; letter-spacing: -0.02em; } .jdhab-contact p, .jdhab-contact li { font-size: 15px; line-height: 1.75; color: #2f3a45; } /* HERO */ .jdhab-contact__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 38px 48px; border-radius: 18px; margin: 12px 0 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-contact__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-contact__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.7); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-contact__hero h1 { color: #ffffff; font-size: 38px; line-height: 1.1; margin: 0 0 14px; } .jdhab-contact__hero p { color: rgba(255, 255, 255, 0.9); max-width: 780px; font-size: 17px; line-height: 1.7; margin: 0; } /* INTRO AND SECTIONS */ .jdhab-contact__intro, .jdhab-contact__section, .jdhab-contact__final { background: #ffffff; border-radius: 16px; padding: 26px 30px; margin: 16px 0; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-contact__intro { border-left: 5px solid #6C7468; } .jdhab-contact__section h2, .jdhab-contact__final h2 { margin-top: 0; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid rgba(18, 58, 93, 0.16); font-size: 25px; line-height: 1.2; } /* QUICK CARDS */ .jdhab-contact__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-contact__quickcard { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 22px 22px; box-shadow: 0 10px 24px rgba(18, 58, 93, 0.07); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-contact__quickcard:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-contact__quickcard span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 50%; background: #F4F7FA; color: #123A5D; font-size: 12px; font-weight: 700; } .jdhab-contact__quickcard h3 { margin: 0 0 8px; font-size: 17px; } .jdhab-contact__quickcard p { font-size: 13px; line-height: 1.6; margin: 0; } /* GRID */ .jdhab-contact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 16px; } .jdhab-contact__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-contact__grid .jdhab-contact-card:only-child { grid-column: 1 / -1; } /* CARDS */ .jdhab-contact-card { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); transition: transform 0.2s ease, box-shadow 0.2s ease, border-top-color 0.2s ease; } .jdhab-contact-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 58, 93, 0.14); border-top-color: #6C7468; } .jdhab-contact-card--lead { border-top-color: #6C7468; } .jdhab-contact-card h3 { margin-top: 0; margin-bottom: 10px; font-size: 19px; line-height: 1.25; } .jdhab-contact-card p { font-size: 14.5px; line-height: 1.7; } .jdhab-contact-card p:last-child { margin-bottom: 0; } /* LINKS */ .jdhab-contact a { color: #123A5D; font-weight: 700; text-decoration: none; } .jdhab-contact a:hover { text-decoration: underline; } /* FINAL BLOCK */ .jdhab-contact__final { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); border: 1px solid #123A5D; position: relative; overflow: hidden; padding: 28px 34px; } .jdhab-contact__final::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(108, 116, 104, 0.28); border-radius: 50%; } .jdhab-contact__final h2, .jdhab-contact__final p { color: #ffffff; position: relative; z-index: 1; } .jdhab-contact__final h2 { border-bottom-color: rgba(255, 255, 255, 0.22); } .jdhab-contact__final p { color: rgba(255, 255, 255, 0.9); } /* MOBILE */ @media (max-width: 900px) { .jdhab-contact__quickgrid, .jdhab-contact__grid, .jdhab-contact__grid--two { grid-template-columns: 1fr; } } @media (max-width: 768px) { .jdhab-contact { padding: 0 8px 34px; max-width: 100%; } .jdhab-contact__hero { padding: 22px 18px; margin: 12px 0; border-radius: 18px; } .jdhab-contact__hero h1 { font-size: 24px; line-height: 1.15; } .jdhab-contact__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-contact__intro, .jdhab-contact__section, .jdhab-contact__final { padding: 18px 15px; margin: 12px 0; border-radius: 16px; } .jdhab-contact__section h2, .jdhab-contact__final h2 { font-size: 21px; line-height: 1.2; } .jdhab-contact__quickgrid, .jdhab-contact__grid, .jdhab-contact__grid--two { gap: 12px; margin-top: 12px; } .jdhab-contact-card, .jdhab-contact__quickcard { padding: 15px 14px; border-radius: 14px; } .jdhab-contact-card:hover, .jdhab-contact__quickcard:hover { transform: none; } .jdhab-contact-card h3, .jdhab-contact__quickcard h3 { font-size: 17px; line-height: 1.25; } .jdhab-contact-card p, .jdhab-contact__quickcard p, .jdhab-contact p, .jdhab-contact li { font-size: 13px; line-height: 1.62; } .jdhab-contact__quickcard span { width: 30px; height: 30px; margin-bottom: 10px; font-size: 11px; } .jdhab-contact__final { padding: 22px 18px; } } @media (max-width: 480px) { .jdhab-contact__section h2, .jdhab-contact__final h2 { font-size: 20px; } .jdhab-contact-card h3, .jdhab-contact__quickcard h3 { font-size: 16.5px; } .jdhab-contact-card p, .jdhab-contact__quickcard p, .jdhab-contact p, .jdhab-contact li { font-size: 12.8px; } } /* ========================================================= JDHAB — Homepage Additional Content ========================================================= */ .jdhab-home-intro { max-width: 980px; margin: 42px auto 20px; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #1f2933; } .jdhab-home-intro *, .jdhab-home-intro *::before, .jdhab-home-intro *::after { box-sizing: border-box; } .jdhab-home-intro__hero { background: linear-gradient(135deg, #123A5D 0%, #0B243B 100%); color: #ffffff; padding: 42px 48px; border-radius: 18px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18); position: relative; overflow: hidden; } .jdhab-home-intro__hero::after { content: ""; position: absolute; right: -80px; top: -80px; width: 220px; height: 220px; border: 1px solid rgba(108, 116, 104, 0.35); border-radius: 50%; } .jdhab-home-intro__kicker { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border: 1px solid rgba(108, 116, 104, 0.75); border-radius: 999px; color: #6C7468; font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; } .jdhab-home-intro__hero h1 { color: #ffffff; font-size: 36px; line-height: 1.1; margin: 0 0 14px; } .jdhab-home-intro__hero p { max-width: 780px; color: rgba(255,255,255,0.9); font-size: 17px; line-height: 1.7; margin: 0; } .jdhab-home-intro__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; } .jdhab-home-intro__actions a { display: inline-flex; align-items: center; justify-content: center; padding: 11px 18px; border: 1px solid rgba(18, 58, 93, 0.2); border-radius: 999px; background: #ffffff; color: #123A5D; font-size: 14px; font-weight: 700; text-decoration: none; box-shadow: 0 10px 22px rgba(18, 58, 93, 0.08); } .jdhab-home-intro__actions a:hover { border-color: #6C7468; color: #123A5D; text-decoration: none; } .jdhab-home-intro__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 22px; } .jdhab-home-intro__grid article { background: #ffffff; border: 1px solid #e5eaf0; border-top: 4px solid #123A5D; border-radius: 16px; padding: 24px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); } .jdhab-home-intro__grid article:nth-child(1), .jdhab-home-intro__grid article:nth-child(4) { border-top-color: #6C7468; } .jdhab-home-intro__grid h2 { color: #123A5D; font-size: 20px; line-height: 1.25; margin: 0 0 10px; } .jdhab-home-intro__grid p { color: #2f3a45; font-size: 14.5px; line-height: 1.7; margin: 0; } .jdhab-home-intro__note { margin-top: 20px; padding: 24px 28px; border-radius: 16px; background: #ffffff; border-left: 5px solid #6C7468; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08); } .jdhab-home-intro__note p { color: #2f3a45; font-size: 15px; line-height: 1.7; margin: 0; } @media (max-width: 768px) { .jdhab-home-intro { margin: 24px auto 12px; padding: 0 8px; } .jdhab-home-intro__hero { padding: 24px 18px; border-radius: 18px; } .jdhab-home-intro__hero h1 { font-size: 25px; } .jdhab-home-intro__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-home-intro__actions { gap: 10px; } .jdhab-home-intro__actions a { width: 100%; padding: 12px 16px; } .jdhab-home-intro__grid { grid-template-columns: 1fr; gap: 12px; } .jdhab-home-intro__grid article { padding: 16px 15px; border-radius: 14px; } .jdhab-home-intro__grid h2 { font-size: 18px; } .jdhab-home-intro__grid p, .jdhab-home-intro__note p { font-size: 13px; line-height: 1.62; } .jdhab-home-intro__note { padding: 18px 15px; } } /* ========================================================= JDHAB — Homepage / Current Issue Premium Polish Improves native OJS current issue block ========================================================= */ .page_index_journal .current_issue { max-width: 980px; margin: 46px auto 36px; padding: 0 10px; } .page_index_journal .current_issue h2, .page_index_journal .current_issue_title, .page_index_journal .obj_issue_toc h2 { color: #123A5D !important; font-size: 30px !important; line-height: 1.2 !important; letter-spacing: -0.02em; margin-bottom: 20px !important; } .page_index_journal .obj_issue_toc { background: #ffffff; border-radius: 18px; padding: 28px 32px; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.10); } .page_index_journal .obj_issue_toc .heading { display: grid; grid-template-columns: 210px 1fr; gap: 28px; align-items: center; margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid rgba(18, 58, 93, 0.14); } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .current_issue .cover img { width: 100%; max-width: 190px; border-radius: 16px; box-shadow: 0 18px 42px rgba(18, 58, 93, 0.22); } .page_index_journal .obj_issue_toc .description, .page_index_journal .current_issue .description { background: #ffffff; border: 1px solid #d9e4ee; border-radius: 16px; padding: 24px 26px; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08); } .page_index_journal .obj_issue_toc .description p, .page_index_journal .current_issue .description p { color: #2f3a45; font-size: 15px; line-height: 1.7; } .page_index_journal .obj_issue_toc .sections { margin-top: 18px; } .page_index_journal .obj_issue_toc .section h2, .page_index_journal .obj_issue_toc .section h3 { color: #123A5D !important; font-size: 18px !important; border-bottom: 1px solid rgba(18, 58, 93, 0.16); padding-bottom: 10px; margin-top: 24px; } .page_index_journal .obj_article_summary { padding: 18px 0 !important; border-bottom: 1px solid rgba(18, 58, 93, 0.12); } .page_index_journal .obj_article_summary .title a { color: #005b8f !important; font-weight: 700; text-decoration: none; } .page_index_journal .obj_article_summary .title a:hover { color: #123A5D !important; text-decoration: underline; } .page_index_journal .obj_article_summary .authors, .page_index_journal .obj_article_summary .subtitle, .page_index_journal .obj_article_summary .pages { color: #2f3a45 !important; font-size: 14px; line-height: 1.5; } .page_index_journal .galleys_links a, .page_index_journal .galley-link, .page_index_journal .obj_galley_link { display: inline-flex !important; align-items: center; justify-content: center; padding: 8px 14px !important; margin: 8px 8px 0 0 !important; border: 1px solid #005b8f !important; border-radius: 8px !important; background: #ffffff !important; color: #005b8f !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; } .page_index_journal .galleys_links a:hover, .page_index_journal .galley-link:hover, .page_index_journal .obj_galley_link:hover { background: #123A5D !important; border-color: #123A5D !important; color: #ffffff !important; } /* Mobile */ @media (max-width: 768px) { .page_index_journal .current_issue { margin: 26px auto 24px; padding: 0 12px; } .page_index_journal .current_issue h2, .page_index_journal .current_issue_title, .page_index_journal .obj_issue_toc h2 { font-size: 24px !important; } .page_index_journal .obj_issue_toc { padding: 20px 16px; border-radius: 16px; } .page_index_journal .obj_issue_toc .heading { display: block; text-align: left; } .page_index_journal .obj_issue_toc .cover, .page_index_journal .current_issue .cover { margin-bottom: 18px; } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .current_issue .cover img { max-width: 180px; } .page_index_journal .obj_issue_toc .description, .page_index_journal .current_issue .description { padding: 18px 16px; border-radius: 14px; } .page_index_journal .obj_article_summary { padding: 16px 0 !important; } } /* ========================================================= JDHAB — Current Issue Emergency Fix Corrige layout e remove texto com · da Issue Information ========================================================= */ .page_index_journal .obj_issue_toc { max-width: 980px !important; margin: 0 auto 36px !important; padding: 30px 34px !important; background: #ffffff !important; border-radius: 18px !important; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.10) !important; } .page_index_journal .obj_issue_toc .heading { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 34px !important; text-align: left !important; padding-bottom: 30px !important; margin-bottom: 28px !important; border-bottom: 1px solid rgba(18, 58, 93, 0.14) !important; } /* Capa da edição */ .page_index_journal .obj_issue_toc .cover, .page_index_journal .obj_issue_toc .cover_image, .page_index_journal .obj_issue_toc .thumbnail { order: 1 !important; flex: 0 0 190px !important; width: 190px !important; max-width: 190px !important; margin: 0 !important; text-align: left !important; } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .obj_issue_toc .cover_image img, .page_index_journal .obj_issue_toc .thumbnail img { width: 190px !important; max-width: 190px !important; height: auto !important; border-radius: 16px !important; box-shadow: 0 18px 42px rgba(18, 58, 93, 0.22) !important; } /* Card Issue Information */ .page_index_journal .obj_issue_toc .description { order: 2 !important; flex: 1 1 auto !important; width: auto !important; max-width: 620px !important; min-height: 0 !important; margin: 0 !important; padding: 24px 28px !important; background: #ffffff !important; border: 1px solid #d9e4ee !important; border-left: 5px solid #123A5D !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08) !important; } /* Esconde texto antigo com erro · */ .page_index_journal .obj_issue_toc .description > * { display: none !important; } /* Recria texto limpo */ .page_index_journal .obj_issue_toc .description::before { content: "ISSUE INFORMATION"; display: block; color: #123A5D; font-size: 12px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 16px; } .page_index_journal .obj_issue_toc .description::after { content: "Published: 2026-03-07\A \A Open access ·Peer-reviewed\A PDF and HTML versions available૭itorial ·Review Articles ·Methods and Validation ·Closing Editorial"; display: block; white-space: pre-line; color: #2f3a45; font-size: 15px; line-height: 1.65; } /* Mobile */ @media (max-width: 768px) { .page_index_journal .obj_issue_toc { padding: 20px 16px !important; border-radius: 16px !important; } .page_index_journal .obj_issue_toc .heading { display: block !important; text-align: left !important; } .page_index_journal .obj_issue_toc .cover, .page_index_journal .obj_issue_toc .cover_image, .page_index_journal .obj_issue_toc .thumbnail { width: 170px !important; max-width: 170px !important; margin: 0 auto 20px !important; text-align: center !important; } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .obj_issue_toc .cover_image img, .page_index_journal .obj_issue_toc .thumbnail img { width: 170px !important; max-width: 170px !important; } .page_index_journal .obj_issue_toc .description { max-width: 100% !important; padding: 18px 16px !important; border-radius: 14px !important; } .page_index_journal .obj_issue_toc .description::after { font-size: 13px; line-height: 1.6; } } /* ========================================================= JDHAB — Current Issue Final Fix Remove duplicate issue information and fix layout ========================================================= */ /* Container geral */ .page_index_journal .current_issue { max-width: 980px !important; margin: 46px auto 34px !important; padding: 0 12px !important; } .page_index_journal .obj_issue_toc { max-width: 980px !important; margin: 0 auto 36px !important; padding: 34px 38px !important; background: #ffffff !important; border-radius: 18px !important; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.10) !important; } /* Bloco superior: capa + informação */ .page_index_journal .obj_issue_toc .heading { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; gap: 34px !important; align-items: center !important; text-align: left !important; padding-bottom: 30px !important; margin-bottom: 28px !important; border-bottom: 1px solid rgba(18, 58, 93, 0.14) !important; } /* Capa */ .page_index_journal .obj_issue_toc .cover, .page_index_journal .obj_issue_toc .cover_image, .page_index_journal .obj_issue_toc .thumbnail { grid-column: 1 !important; grid-row: 1 !important; width: 210px !important; max-width: 210px !important; margin: 0 !important; text-align: left !important; } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .obj_issue_toc .cover_image img, .page_index_journal .obj_issue_toc .thumbnail img { width: 210px !important; max-width: 210px !important; height: auto !important; border-radius: 16px !important; box-shadow: 0 18px 42px rgba(18, 58, 93, 0.22) !important; } /* Esconde description antigo, inclusive pseudo-elementos anteriores */ .page_index_journal .obj_issue_toc .description, .page_index_journal .obj_issue_toc .description::before, .page_index_journal .obj_issue_toc .description::after { display: none !important; content: none !important; visibility: hidden !important; } /* Usa apenas o bloco published como card limpo */ .page_index_journal .obj_issue_toc .published { grid-column: 2 !important; grid-row: 1 !important; display: block !important; visibility: visible !important; width: 100% !important; max-width: 620px !important; margin: 0 !important; padding: 24px 28px !important; background: #ffffff !important; border: 1px solid #d9e4ee !important; border-left: 5px solid #123A5D !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08) !important; color: #2f3a45 !important; } /* Esconde texto nativo do published para evitar duplicação */ .page_index_journal .obj_issue_toc .published > * { display: none !important; } /* Remove pseudo-elementos antigos do published, se existirem */ .page_index_journal .obj_issue_toc .published::before, .page_index_journal .obj_issue_toc .published::after { display: block !important; visibility: visible !important; } /* Título limpo */ .page_index_journal .obj_issue_toc .published::before { content: "ISSUE INFORMATION"; color: #123A5D; font-size: 12px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 16px; } /* Texto limpo, sem erro de codificação */ .page_index_journal .obj_issue_toc .published::after { content: "Published: 2026-03-07\A \A Open access ·Peer-reviewed\A PDF and HTML versions available૭itorial ·Review Articles ·Methods and Validation ·Closing Editorial"; white-space: pre-line; color: #2f3a45; font-size: 15px; line-height: 1.65; } /* Seções e artigos */ .page_index_journal .obj_issue_toc .sections { margin-top: 22px !important; } .page_index_journal .obj_issue_toc .section h2, .page_index_journal .obj_issue_toc .section h3 { color: #123A5D !important; font-size: 20px !important; border-bottom: 1px solid rgba(18, 58, 93, 0.16) !important; padding-bottom: 10px !important; margin-top: 24px !important; } .page_index_journal .obj_article_summary { padding: 18px 0 !important; border-bottom: 1px solid rgba(18, 58, 93, 0.12) !important; } .page_index_journal .obj_article_summary .title a { color: #005b8f !important; font-weight: 700 !important; text-decoration: none !important; } .page_index_journal .obj_article_summary .title a:hover { color: #123A5D !important; text-decoration: underline !important; } /* Botões PDF / HTML */ .page_index_journal .obj_galley_link, .page_index_journal .galley-link, .page_index_journal .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 14px !important; margin: 8px 8px 0 0 !important; border: 1px solid #005b8f !important; border-radius: 8px !important; background: #ffffff !important; color: #005b8f !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; } .page_index_journal .obj_galley_link:hover, .page_index_journal .galley-link:hover, .page_index_journal .galleys_links a:hover { background: #123A5D !important; border-color: #123A5D !important; color: #ffffff !important; } /* Mobile */ @media (max-width: 768px) { .page_index_journal .current_issue { margin: 26px auto 24px !important; padding: 0 12px !important; } .page_index_journal .obj_issue_toc { padding: 20px 16px !important; border-radius: 16px !important; } .page_index_journal .obj_issue_toc .heading { display: block !important; text-align: left !important; } .page_index_journal .obj_issue_toc .cover, .page_index_journal .obj_issue_toc .cover_image, .page_index_journal .obj_issue_toc .thumbnail { width: 175px !important; max-width: 175px !important; margin: 0 auto 20px !important; text-align: center !important; } .page_index_journal .obj_issue_toc .cover img, .page_index_journal .obj_issue_toc .cover_image img, .page_index_journal .obj_issue_toc .thumbnail img { width: 175px !important; max-width: 175px !important; } .page_index_journal .obj_issue_toc .published { max-width: 100% !important; padding: 18px 16px !important; border-radius: 14px !important; } .page_index_journal .obj_issue_toc .published::after { font-size: 13px !important; line-height: 1.6 !important; } } /* ========================================================= JDHAB — Fix Issue Information text encoding Corrige quebra de linha e separadores da Current Issue ========================================================= */ .page_index_journal .obj_issue_toc .published::after { content: "Published: 2026-03-07\A \A Open access · Peer-reviewed\A PDF and HTML versions available\A Editorial · Review Articles · Methods and Validation · Closing Editorial" !important; display: block !important; white-space: pre-line !important; color: #2f3a45 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.65 !important; } .page_index_journal .obj_issue_toc .published::before { content: "ISSUE INFORMATION" !important; display: block !important; color: #123A5D !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; margin-bottom: 16px !important; padding-bottom: 14px !important; border-bottom: 1px solid rgba(18, 58, 93, 0.12) !important; } /* ========================================================= JDHAB — HOME / CURRENT ISSUE FINAL RESPONSIVE STABILIZATION ========================================================= */ /* Exclusivo para a página inicial */ .page_index_journal .pkp_structure_main { padding-top: 58px !important; padding-bottom: 90px; } /* Limita a largura visual da edição atual */ .page_index_journal .current_issue { width: 100%; max-width: 840px; margin-left: auto; margin-right: auto; padding: 0; border: 0; } /* Título principal */ .page_index_journal .current_issue > h2 { margin-top: 0; margin-bottom: 18px; color: #123a5d; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 2.5vw, 2.5rem); line-height: 1.1; letter-spacing: -0.025em; } /* Título da edição */ .page_index_journal .current_issue .current_issue_title { margin: 0 0 18px; color: #10283f; font-size: 1rem; font-weight: 700; line-height: 1.4; } /* Estrutura capa + informações */ .page_index_journal .obj_issue_toc > .heading { display: grid !important; grid-template-columns: minmax(190px, 228px) minmax(0, 1fr); align-items: stretch; gap: 46px; width: 100%; min-width: 0; } /* Capa */ .page_index_journal .obj_issue_toc .cover { display: block; width: 100%; max-width: 228px; min-width: 0; margin: 0; } .page_index_journal .obj_issue_toc .cover img { display: block; width: 100%; height: auto; margin: 0; } /* Card informativo */ .page_index_journal .obj_issue_toc .description { width: 100%; min-width: 0; box-sizing: border-box; overflow-wrap: anywhere; } /* Evita margens inesperadas dentro do card */ .page_index_journal .obj_issue_toc .description > :first-child { margin-top: 0; } .page_index_journal .obj_issue_toc .description > :last-child { margin-bottom: 0; } /* ========================================================= TABLETS E NOTEBOOKS MENORES ========================================================= */ @media (max-width: 960px) { .page_index_journal .pkp_structure_main { padding-top: 50px !important; } .page_index_journal .current_issue { max-width: 780px; } .page_index_journal .obj_issue_toc > .heading { grid-template-columns: 205px minmax(0, 1fr); gap: 32px; } .page_index_journal .obj_issue_toc .cover { max-width: 205px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .page_index_journal .pkp_structure_main { padding-top: 38px !important; padding-right: 18px !important; padding-bottom: 70px; padding-left: 18px !important; } .page_index_journal .current_issue { max-width: none; } .page_index_journal .current_issue > h2 { margin-bottom: 14px; font-size: 2rem; line-height: 1.12; } .page_index_journal .current_issue .current_issue_title { margin-bottom: 18px; font-size: 0.95rem; } .page_index_journal .obj_issue_toc > .heading { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 25px; width: 100%; } .page_index_journal .obj_issue_toc .cover { width: 190px; max-width: 190px; margin-right: auto; margin-left: auto; } .page_index_journal .obj_issue_toc .description { width: 100%; min-height: auto; margin: 0; } } /* Celulares estreitos */ @media (max-width: 420px) { .page_index_journal .pkp_structure_main { padding-top: 32px !important; padding-right: 14px !important; padding-left: 14px !important; } .page_index_journal .current_issue > h2 { font-size: 1.85rem; } .page_index_journal .obj_issue_toc .cover { width: 176px; max-width: 176px; } .page_index_journal .obj_issue_toc .description { font-size: 0.94rem; line-height: 1.55; } } /* ============================================================ JDHAB — HOME PREMIUM SAFE OVERRIDE — 2026-07-10 Purpose: match the Current Issue area to the visual language used across JDHAB institutional pages, without deleting or changing any previous rule in this stylesheet. ============================================================ */ body.pkp_page_index.pkp_op_index { --jdhab-home-blue: #123A5D; --jdhab-home-blue-dark: #0B243B; --jdhab-home-gold: #6C7468; --jdhab-home-ink: #1F2933; --jdhab-home-text: #2F3A45; --jdhab-home-muted: #657487; --jdhab-home-line: #E5EAF0; --jdhab-home-soft: #F7FAFC; } /* Full institutional-page canvas */ body.pkp_page_index.pkp_op_index .pkp_structure_content { width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; padding-top: 1.6rem !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .pkp_structure_main, body.pkp_page_index.pkp_op_index .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 0 0 68px !important; background: #FFFFFF !important; } body.pkp_page_index.pkp_op_index .pkp_structure_main::before, body.pkp_page_index.pkp_op_index .pkp_structure_main::after { display: none !important; content: none !important; } /* Hide the empty native journal-summary block on the home page */ body.pkp_page_index.pkp_op_index .homepage_about { display: none !important; margin: 0 !important; padding: 0 !important; } /* Current Issue wrapper */ body.pkp_page_index.pkp_op_index .current_issue { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 10px 0 24px !important; color: var(--jdhab-home-ink) !important; font-family: Arial, Helvetica, sans-serif !important; } /* Hero — same language as About the Journal */ body.pkp_page_index.pkp_op_index .current_issue > h2 { grid-column: 1 !important; grid-row: 1 !important; position: relative !important; overflow: hidden !important; z-index: 1 !important; min-height: 232px !important; margin: 18px 0 32px !important; padding: 46px 52px 88px !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient(135deg, var(--jdhab-home-blue) 0%, var(--jdhab-home-blue-dark) 100%) !important; box-shadow: 0 18px 45px rgba(18, 58, 93, 0.18) !important; color: #FFFFFF !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; text-transform: none !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::before { content: "LATEST ISSUE" !important; display: block !important; width: max-content !important; margin: 0 0 16px !important; padding: 6px 12px !important; border: 1px solid rgba(108, 116, 104, 0.70) !important; border-radius: 999px !important; background: transparent !important; color: var(--jdhab-home-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::after { content: "" !important; position: absolute !important; top: -80px !important; right: -80px !important; width: 220px !important; height: 220px !important; border: 1px solid rgba(108, 116, 104, 0.35) !important; border-radius: 50% !important; background: transparent !important; pointer-events: none !important; } body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; justify-self: start !important; position: relative !important; z-index: 2 !important; margin: 0 52px 54px !important; padding: 0 !important; color: rgba(255, 255, 255, 0.88) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: 0 !important; } /* Remove native Current Issue title decorations inherited from old rules */ body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title::before, body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title::after { display: none !important; content: none !important; } /* Issue contents */ body.pkp_page_index.pkp_op_index .current_issue > .obj_issue_toc { grid-column: 1 !important; grid-row: 2 !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* Cover + issue information card */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; gap: 38px !important; align-items: center !important; width: 100% !important; margin: 0 0 26px !important; padding: 34px 38px !important; border: 1px solid var(--jdhab-home-line) !important; border-top: 4px solid var(--jdhab-home-blue) !important; border-radius: 16px !important; background: #FFFFFF !important; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08) !important; text-align: left !important; overflow: visible !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading::before, body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading::after { display: none !important; content: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover { float: none !important; grid-column: 1 !important; grid-row: 1 !important; display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img { display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; box-shadow: 0 18px 42px rgba(18, 58, 93, 0.22) !important; object-fit: contain !important; } /* Old custom description is replaced by the stable published card */ body.pkp_page_index.pkp_op_index .obj_issue_toc .description { display: none !important; visibility: hidden !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published { grid-column: 2 !important; grid-row: 1 !important; display: block !important; visibility: visible !important; width: 100% !important; max-width: 650px !important; min-height: 0 !important; margin: 0 !important; padding: 28px 30px !important; border: 1px solid #D9E4EE !important; border-left: 5px solid var(--jdhab-home-gold) !important; border-radius: 16px !important; background: #FFFFFF !important; box-shadow: 0 10px 28px rgba(18, 58, 93, 0.08) !important; color: var(--jdhab-home-text) !important; text-align: left !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published > * { display: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::before { content: "ISSUE INFORMATION" !important; display: block !important; margin: 0 0 16px !important; padding: 0 0 14px !important; border: 0 !important; border-bottom: 1px solid rgba(18, 58, 93, 0.12) !important; background: transparent !important; color: var(--jdhab-home-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::after { content: "Published: 2026-03-07\A \A Open access · Peer-reviewed\A PDF and HTML versions available૭itorial · Review Articles · Methods and Validation · Closing Editorial" !important; display: block !important; white-space: pre-line !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--jdhab-home-text) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.65 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Table of contents sections — institutional cards */ body.pkp_page_index.pkp_op_index .obj_issue_toc .sections { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section { position: relative !important; width: 100% !important; margin: 24px 0 !important; padding: 30px 34px !important; border: 1px solid var(--jdhab-home-line) !important; border-top: 4px solid var(--jdhab-home-blue) !important; border-radius: 16px !important; background: #FFFFFF !important; box-shadow: 0 12px 30px rgba(18, 58, 93, 0.08) !important; overflow: hidden !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section::before, body.pkp_page_index.pkp_op_index .obj_issue_toc .section::after { display: none !important; content: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section > h3 { display: block !important; position: static !important; left: auto !important; width: auto !important; margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-bottom: 1px solid rgba(18, 58, 93, 0.13) !important; background: transparent !important; color: var(--jdhab-home-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; text-transform: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles > li { margin: 0 !important; padding: 20px 0 !important; border: 0 !important; border-bottom: 1px solid #E8EDF2 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles > li:first-child { padding-top: 4px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles > li:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_index.pkp_op_index .obj_article_summary { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_article_summary > .title { margin: 0 0 7px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--jdhab-home-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.45 !important; letter-spacing: -0.01em !important; } body.pkp_page_index.pkp_op_index .obj_article_summary > .title a, body.pkp_page_index.pkp_op_index .obj_article_summary > .title a:visited { color: var(--jdhab-home-blue) !important; text-decoration: none !important; } body.pkp_page_index.pkp_op_index .obj_article_summary > .title a:hover, body.pkp_page_index.pkp_op_index .obj_article_summary > .title a:focus { color: var(--jdhab-home-blue-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .subtitle { display: block !important; margin: 3px 0 0 !important; color: #425466 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .meta { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; gap: 8px 20px !important; position: static !important; margin: 0 0 10px !important; padding: 0 !important; color: var(--jdhab-home-muted) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.55 !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .authors, body.pkp_page_index.pkp_op_index .obj_article_summary .pages { position: static !important; padding: 0 !important; color: var(--jdhab-home-muted) !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 8px 0 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_index.pkp_op_index .obj_galley_link, body.pkp_page_index.pkp_op_index .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; margin: 0 !important; padding: 7px 14px !important; border: 1px solid #CBD8E3 !important; border-radius: 999px !important; background: #FFFFFF !important; box-shadow: none !important; color: var(--jdhab-home-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.02em !important; text-decoration: none !important; text-transform: uppercase !important; } body.pkp_page_index.pkp_op_index .obj_galley_link:hover, body.pkp_page_index.pkp_op_index .obj_galley_link:focus, body.pkp_page_index.pkp_op_index .galleys_links a:hover, body.pkp_page_index.pkp_op_index .galleys_links a:focus { border-color: var(--jdhab-home-blue) !important; background: var(--jdhab-home-blue) !important; color: #FFFFFF !important; text-decoration: none !important; } /* View all issues */ body.pkp_page_index.pkp_op_index .current_issue > .read_more { display: inline-flex !important; align-items: center !important; justify-content: center !important; justify-self: start !important; min-height: 42px !important; margin: 4px 0 0 !important; padding: 9px 18px !important; border: 1px solid var(--jdhab-home-blue) !important; border-radius: 999px !important; background: #FFFFFF !important; color: var(--jdhab-home-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; } body.pkp_page_index.pkp_op_index .current_issue > .read_more::after { position: static !important; width: auto !important; height: auto !important; margin-left: 8px !important; line-height: 1 !important; } body.pkp_page_index.pkp_op_index .current_issue > .read_more:hover, body.pkp_page_index.pkp_op_index .current_issue > .read_more:focus { background: var(--jdhab-home-blue) !important; color: #FFFFFF !important; } /* Additional Content remains below the native issue, using the same width */ body.pkp_page_index.pkp_op_index .additional_content { width: 100% !important; max-width: 1040px !important; margin: 28px auto 0 !important; padding: 0 !important; border-top: 0 !important; } /* Tablet */ @media (max-width: 900px) { body.pkp_page_index.pkp_op_index .pkp_structure_content { width: calc(100% - 40px) !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading { grid-template-columns: 196px minmax(0, 1fr) !important; gap: 28px !important; padding: 30px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover, body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img { width: 188px !important; max-width: 188px !important; } } /* Mobile */ @media (max-width: 760px) { body.pkp_page_index.pkp_op_index .pkp_structure_content { width: 100% !important; max-width: none !important; padding: 0 18px !important; } body.pkp_page_index.pkp_op_index .pkp_structure_main, body.pkp_page_index.pkp_op_index .pkp_structure_main:first-child:last-child { max-width: none !important; padding: 0 0 54px !important; } body.pkp_page_index.pkp_op_index .current_issue { padding-top: 0 !important; } body.pkp_page_index.pkp_op_index .current_issue > h2 { min-height: 210px !important; margin: 12px 0 26px !important; padding: 32px 24px 82px !important; border-radius: 14px !important; font-size: 28px !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::after { top: -70px !important; right: -70px !important; width: 170px !important; height: 170px !important; } body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { margin: 0 24px 43px !important; font-size: 15px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; padding: 26px 22px !important; border-radius: 14px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover { grid-column: 1 !important; grid-row: 1 !important; width: 178px !important; max-width: 178px !important; margin: 0 auto !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img { width: 178px !important; max-width: 178px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published { grid-column: 1 !important; grid-row: 2 !important; max-width: none !important; padding: 22px 20px !important; border-radius: 14px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::after { font-size: 13px !important; line-height: 1.65 !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section { margin: 20px 0 !important; padding: 24px 22px !important; border-radius: 14px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section > h3 { font-size: 18px !important; } body.pkp_page_index.pkp_op_index .obj_article_summary > .title { font-size: 16px !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .meta { display: block !important; } body.pkp_page_index.pkp_op_index .obj_article_summary .pages { margin-top: 3px !important; } } @media (max-width: 420px) { body.pkp_page_index.pkp_op_index .pkp_structure_content { padding-right: 14px !important; padding-left: 14px !important; } body.pkp_page_index.pkp_op_index .current_issue > h2 { padding-right: 20px !important; padding-left: 20px !important; font-size: 27px !important; } body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { margin-right: 20px !important; margin-left: 20px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading, body.pkp_page_index.pkp_op_index .obj_issue_toc .section { padding-right: 18px !important; padding-left: 18px !important; } } /* ============================================================ JDHAB — ISSUE PAGE PREMIUM SAFE — 2026-07-10 Scope: body.pkp_page_issue.pkp_op_view only Purpose: match the premium visual system used on the home ============================================================ */ body.pkp_page_issue.pkp_op_view { --jdhab-issue-blue: #123A5D; --jdhab-issue-blue-dark: #0B243B; --jdhab-issue-gold: #6C7468; --jdhab-issue-ink: #24313E; --jdhab-issue-muted: #657487; --jdhab-issue-line: #E1E8EF; --jdhab-issue-soft: #F8FAFC; } /* Wide, clean canvas */ body.pkp_page_issue.pkp_op_view .pkp_structure_content { width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; padding-top: 28px !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .pkp_structure_main, body.pkp_page_issue.pkp_op_view .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 0 0 72px !important; border: 0 !important; background: #FFFFFF !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .pkp_structure_main::before, body.pkp_page_issue.pkp_op_view .pkp_structure_main::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .page_issue { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* Remove native breadcrumb strip */ body.pkp_page_issue.pkp_op_view .cmp_breadcrumbs { display: none !important; } /* Premium issue hero */ body.pkp_page_issue.pkp_op_view .page_issue > h1 { position: relative !important; overflow: hidden !important; min-height: 214px !important; margin: 0 0 30px !important; padding: 48px 52px 44px !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient(135deg, var(--jdhab-issue-blue) 0%, var(--jdhab-issue-blue-dark) 100%) !important; box-shadow: 0 18px 45px rgba(18,58,93,.18) !important; color: #FFFFFF !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.025em !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::before { content: "INAUGURAL ISSUE" !important; display: block !important; width: max-content !important; margin: 0 0 18px !important; padding: 6px 12px !important; border: 1px solid rgba(108,116,104,.72) !important; border-radius: 999px !important; color: var(--jdhab-issue-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { content: "Journal of Digital Health and Advanced Biomaterials" !important; display: block !important; margin-top: 18px !important; color: rgba(255,255,255,.78) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: .015em !important; } /* Decorative gold orbit */ body.pkp_page_issue.pkp_op_view .page_issue > h1 { background-image: radial-gradient(circle at calc(100% - 70px) 52px, transparent 0 68px, rgba(108,116,104,.30) 69px 70px, transparent 71px), linear-gradient(135deg, var(--jdhab-issue-blue) 0%, var(--jdhab-issue-blue-dark) 100%) !important; } /* Native issue object */ body.pkp_page_issue.pkp_op_view .obj_issue_toc { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Cover + issue data */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; align-items: center !important; gap: 40px !important; width: 100% !important; min-height: 330px !important; margin: 0 0 28px !important; padding: 36px 40px !important; border: 1px solid var(--jdhab-issue-line) !important; border-top: 4px solid var(--jdhab-issue-blue) !important; border-radius: 16px !important; background: #FFFFFF !important; box-shadow: 0 12px 30px rgba(18,58,93,.08) !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { float: none !important; grid-column: 1 !important; grid-row: 1 !important; display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; max-height: none !important; margin: 0 !important; border-radius: 14px !important; box-shadow: 0 18px 42px rgba(18,58,93,.22) !important; } /* Hide the empty/legacy issue description */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description { display: none !important; } /* Published metadata card */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; width: 100% !important; margin: 0 !important; padding: 28px 30px !important; border: 1px solid #D9E4EE !important; border-left: 5px solid var(--jdhab-issue-gold) !important; border-radius: 16px !important; background: var(--jdhab-issue-soft) !important; box-shadow: none !important; color: var(--jdhab-issue-ink) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; line-height: 1.65 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before { content: "ISSUE INFORMATION" !important; display: block !important; margin: 0 0 16px !important; padding: 0 0 14px !important; border-bottom: 1px solid rgba(18,58,93,.12) !important; color: var(--jdhab-issue-blue) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .18em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published .label { color: var(--jdhab-issue-muted) !important; font-weight: 700 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { content: "Open access · Peer-reviewed\A PDF and HTML versions available" !important; display: block !important; margin-top: 16px !important; white-space: pre-line !important; color: #425466 !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.65 !important; } /* Sections container */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections, body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections:not(:first-child) { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Editorial section cards */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .section { position: relative !important; width: 100% !important; margin: 24px 0 !important; padding: 30px 34px !important; border: 1px solid var(--jdhab-issue-line) !important; border-top: 4px solid var(--jdhab-issue-blue) !important; border-radius: 16px !important; background: #FFFFFF !important; box-shadow: 0 12px 30px rgba(18,58,93,.07) !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 { display: block !important; position: static !important; left: auto !important; width: 100% !important; margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-bottom: 1px solid rgba(18,58,93,.13) !important; background: transparent !important; color: var(--jdhab-issue-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; text-transform: none !important; } /* Article list reset */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles > li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* Clean article rows — no nested box effect */ body.pkp_page_issue.pkp_op_view .obj_article_summary { position: relative !important; width: 100% !important; margin: 0 !important; padding: 20px 0 !important; border: 0 !important; border-bottom: 1px solid #E8EDF2 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .articles > li:first-child .obj_article_summary { padding-top: 3px !important; } body.pkp_page_issue.pkp_op_view .articles > li:last-child .obj_article_summary { padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > div, body.pkp_page_issue.pkp_op_view .obj_article_summary .media, body.pkp_page_issue.pkp_op_view .obj_article_summary .entry_details, body.pkp_page_issue.pkp_op_view .obj_article_summary .description { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title { margin: 0 0 7px !important; padding: 0 !important; border: 0 !important; color: var(--jdhab-issue-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.42 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:visited { color: var(--jdhab-issue-blue) !important; text-decoration: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:hover, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:focus { color: var(--jdhab-issue-blue-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .subtitle { display: block !important; margin: 3px 0 0 !important; color: #425466 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; gap: 8px 20px !important; position: static !important; margin: 0 0 10px !important; padding: 0 !important; color: var(--jdhab-issue-muted) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; line-height: 1.55 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .authors, body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { position: static !important; padding: 0 !important; color: var(--jdhab-issue-muted) !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 8px 0 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link, body.pkp_page_issue.pkp_op_view .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 36px !important; margin: 0 !important; padding: 7px 14px !important; border: 1px solid #CBD8E3 !important; border-radius: 999px !important; background: #FFFFFF !important; box-shadow: none !important; color: var(--jdhab-issue-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .02em !important; text-decoration: none !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link:hover, body.pkp_page_issue.pkp_op_view .obj_galley_link:focus, body.pkp_page_issue.pkp_op_view .galleys_links a:hover, body.pkp_page_issue.pkp_op_view .galleys_links a:focus { border-color: var(--jdhab-issue-blue) !important; background: var(--jdhab-issue-blue) !important; color: #FFFFFF !important; text-decoration: none !important; } /* Tablet */ @media (max-width: 900px) { body.pkp_page_issue.pkp_op_view .pkp_structure_content { width: calc(100% - 40px) !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: 196px minmax(0, 1fr) !important; gap: 28px !important; padding: 30px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover, body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { width: 188px !important; max-width: 188px !important; } } /* Mobile */ @media (max-width: 760px) { body.pkp_page_issue.pkp_op_view .pkp_structure_content { width: 100% !important; max-width: none !important; padding: 0 18px !important; } body.pkp_page_issue.pkp_op_view .pkp_structure_main, body.pkp_page_issue.pkp_op_view .pkp_structure_main:first-child:last-child { max-width: none !important; padding: 18px 0 54px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1 { min-height: 200px !important; padding: 34px 24px 34px !important; border-radius: 14px !important; font-size: 28px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { font-size: 14px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: minmax(0, 1fr) !important; min-height: 0 !important; gap: 24px !important; padding: 26px 22px !important; border-radius: 14px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { grid-column: 1 !important; grid-row: 1 !important; width: 178px !important; max-width: 178px !important; margin: 0 auto !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { width: 178px !important; max-width: 178px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { grid-column: 1 !important; grid-row: 2 !important; padding: 22px 20px !important; border-radius: 14px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section { margin: 20px 0 !important; padding: 24px 22px !important; border-radius: 14px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 { font-size: 18px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title { font-size: 16px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { display: block !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { margin-top: 3px !important; } } @media (max-width: 420px) { body.pkp_page_issue.pkp_op_view .pkp_structure_content { padding-right: 14px !important; padding-left: 14px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1 { padding-right: 20px !important; padding-left: 20px !important; font-size: 27px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section { padding-right: 18px !important; padding-left: 18px !important; } } /* ============================================================ JDHAB — ARTICLE / DOI LANDING PAGES — SITEWIDE PREMIUM Applies automatically to every OJS article page: /article/view/... Isolated from the home, issue page, institutional pages, PDF viewer and HTML galley viewer. ============================================================ */ body.pkp_page_article.pkp_op_view { --jdhab-article-blue: #123A5D; --jdhab-article-blue-dark: #0B243B; --jdhab-article-gold: #6C7468; --jdhab-article-ink: #24313E; --jdhab-article-muted: #657487; --jdhab-article-line: #E1E8EF; --jdhab-article-soft: #F8FAFC; --jdhab-article-white: #FFFFFF; overflow-x: hidden !important; background: #FFFFFF !important; } /* Main page canvas */ body.pkp_page_article.pkp_op_view .pkp_structure_content { width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; padding-top: 34px !important; padding-right: 0 !important; padding-left: 0 !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .pkp_structure_main, body.pkp_page_article.pkp_op_view .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: 1120px !important; margin: 0 auto !important; padding: 0 0 74px !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .pkp_structure_main::before, body.pkp_page_article.pkp_op_view .pkp_structure_main::after { display: none !important; content: none !important; } /* Breadcrumbs are redundant on the premium article landing page */ body.pkp_page_article.pkp_op_view .cmp_breadcrumbs { display: none !important; } /* Article root */ body.pkp_page_article.pkp_op_view .obj_article_details { display: block !important; width: 100% !important; max-width: 1080px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Article title hero */ body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { position: relative !important; overflow: hidden !important; width: 100% !important; margin: 0 !important; padding: 48px 54px 46px !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, var(--jdhab-article-blue) 0%, var(--jdhab-article-blue-dark) 100% ) !important; box-shadow: 0 18px 45px rgba(18, 58, 93, .17) !important; color: #FFFFFF !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(2rem, 3vw, 2.75rem) !important; font-weight: 700 !important; line-height: 1.16 !important; letter-spacing: -.025em !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title::before { content: "PUBLISHED ARTICLE"; display: block !important; width: max-content !important; margin: 0 0 18px !important; padding: 6px 12px !important; border: 1px solid rgba(108, 116, 104, .72) !important; border-radius: 999px !important; color: var(--jdhab-article-gold) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title::after { content: ""; position: absolute !important; top: -95px !important; right: -85px !important; width: 250px !important; height: 250px !important; border: 1px solid rgba(108, 116, 104, .32) !important; border-radius: 50% !important; pointer-events: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .subtitle { display: block !important; width: 100% !important; margin: 18px 0 30px !important; padding: 0 4px !important; border: 0 !important; color: #526879 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 17px !important; font-weight: 500 !important; line-height: 1.55 !important; } /* Main two-column article layout */ body.pkp_page_article.pkp_op_view .obj_article_details > .row { display: grid !important; grid-template-columns: minmax(0, 1.85fr) minmax(280px, .75fr) !important; gap: 28px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { float: none !important; clear: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; } /* Main content card */ body.pkp_page_article.pkp_op_view .obj_article_details .main_entry { padding: 34px 38px 38px !important; overflow: hidden !important; background: var(--jdhab-article-white) !important; border: 1px solid var(--jdhab-article-line) !important; border-top: 4px solid var(--jdhab-article-blue) !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(18, 58, 93, .075) !important; } /* Sidebar card */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { align-self: start !important; padding: 26px 26px 28px !important; overflow: hidden !important; background: var(--jdhab-article-white) !important; border: 1px solid var(--jdhab-article-line) !important; border-top: 4px solid var(--jdhab-article-gold) !important; border-radius: 16px !important; box-shadow: 0 12px 30px rgba(18, 58, 93, .075) !important; } /* General article sections */ body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item { width: 100% !important; margin: 0 !important; padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-article-line) !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item:first-child { padding-top: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .item > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .item > h2.label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .author_bios > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .references > .label { display: block !important; margin: 0 0 14px !important; padding: 0 !important; color: var(--jdhab-article-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } /* Authors */ body.pkp_page_article.pkp_op_view .obj_article_details .authors { margin: 0 !important; padding: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors > li { margin: 0 0 15px !important; padding: 0 0 15px !important; border-bottom: 1px solid #EDF1F5 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors > li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors .name { display: block !important; margin-bottom: 4px !important; color: var(--jdhab-article-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors .affiliation, body.pkp_page_article.pkp_op_view .obj_article_details .authors .email, body.pkp_page_article.pkp_op_view .obj_article_details .authors .orcid { color: var(--jdhab-article-muted) !important; font-size: 13px !important; line-height: 1.55 !important; } /* DOI and keywords */ body.pkp_page_article.pkp_op_view .obj_article_details .item.doi, body.pkp_page_article.pkp_op_view .obj_article_details .item.keywords { padding-top: 19px !important; padding-bottom: 19px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi .label, body.pkp_page_article.pkp_op_view .obj_article_details .item.keywords .label { display: block !important; margin: 0 0 9px !important; font-size: 11px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi .value, body.pkp_page_article.pkp_op_view .obj_article_details .item.keywords .value { display: block !important; color: var(--jdhab-article-ink) !important; font-size: 14px !important; line-height: 1.65 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi a { display: inline-flex !important; max-width: 100% !important; padding: 8px 13px !important; overflow-wrap: anywhere !important; border: 1px solid #D5E0EA !important; border-radius: 999px !important; background: var(--jdhab-article-soft) !important; color: var(--jdhab-article-blue) !important; font-weight: 700 !important; text-decoration: none !important; } /* Abstract */ body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract { margin: 24px 0 !important; padding: 28px 30px !important; border: 1px solid #DDE6EE !important; border-left: 5px solid var(--jdhab-article-gold) !important; border-radius: 14px !important; background: var(--jdhab-article-soft) !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract > .label { margin-bottom: 16px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract p { margin: 0 0 14px !important; color: var(--jdhab-article-ink) !important; font-size: 15px !important; line-height: 1.75 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract p:last-child { margin-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract strong { color: var(--jdhab-article-blue) !important; } /* Author biographies and references */ body.pkp_page_article.pkp_op_view .obj_article_details .author_bios .sub_item { margin: 0 0 20px !important; padding: 0 0 20px !important; border-bottom: 1px solid #EDF1F5 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .author_bios .sub_item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value { color: var(--jdhab-article-ink) !important; font-size: 13.5px !important; line-height: 1.65 !important; overflow-wrap: anywhere !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value p { margin: 0 0 12px !important; padding-left: 22px !important; text-indent: -22px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value p:last-child { margin-bottom: 0 !important; } /* Sidebar items */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item { width: 100% !important; margin: 0 !important; padding: 20px 0 !important; overflow-wrap: anywhere !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-article-line) !important; background: transparent !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item:first-child { padding-top: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item .label, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item h2:not(.pkp_screen_reader) { display: block !important; margin: 0 0 9px !important; color: var(--jdhab-article-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .11em !important; text-transform: uppercase !important; } /* Article cover */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image { text-align: center !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image img, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image img { display: block !important; width: 100% !important; max-width: 210px !important; height: auto !important; max-height: none !important; margin: 0 auto !important; border: 0 !important; border-radius: 13px !important; box-shadow: 0 15px 35px rgba(18, 58, 93, .18) !important; object-fit: contain !important; } /* Metrics block */ body.pkp_page_article.pkp_op_view .jdhab-article-metrics { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px !important; margin: 10px 0 0 !important; } body.pkp_page_article.pkp_op_view .jdhab-metric-box { min-width: 0 !important; padding: 12px 8px !important; border: 1px solid #DEE7EF !important; border-radius: 10px !important; background: var(--jdhab-article-soft) !important; text-align: center !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-note { margin-top: 10px !important; color: var(--jdhab-article-muted) !important; font-size: 11px !important; line-height: 1.5 !important; } /* PDF / HTML buttons */ body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; margin: 0 !important; padding: 8px 15px !important; border: 1px solid var(--jdhab-article-blue) !important; border-radius: 999px !important; background: #FFFFFF !important; color: var(--jdhab-article-blue) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .02em !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link:hover, body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link:focus, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a:focus { background: var(--jdhab-article-blue) !important; color: #FFFFFF !important; text-decoration: none !important; } /* Published, issue, copyright and citation */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .value, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details p, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a { font-size: 13px !important; line-height: 1.6 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a { color: var(--jdhab-article-blue) !important; text-decoration: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a:focus { text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.copyright img, body.pkp_page_article.pkp_op_view .obj_article_details img[src*="creativecommons"], body.pkp_page_article.pkp_op_view .obj_article_details img[alt*="Creative"], body.pkp_page_article.pkp_op_view .obj_article_details img[alt*="License"] { display: block !important; width: auto !important; max-width: 92px !important; height: auto !important; margin: 10px 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .citation_display .value { padding: 12px 13px !important; border: 1px solid #DEE7EF !important; border-radius: 10px !important; background: var(--jdhab-article-soft) !important; color: var(--jdhab-article-ink) !important; font-size: 12px !important; line-height: 1.6 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .citation_formats { overflow: hidden !important; border: 1px solid #D7E1EA !important; border-radius: 10px !important; } /* Tablet */ @media (max-width: 980px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { width: calc(100% - 40px) !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .row { grid-template-columns: minmax(0, 1fr) !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { margin-top: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image img, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image img { max-width: 230px !important; } } /* Mobile */ @media (max-width: 760px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { width: 100% !important; max-width: none !important; padding: 0 16px !important; } body.pkp_page_article.pkp_op_view .pkp_structure_main, body.pkp_page_article.pkp_op_view .pkp_structure_main:first-child:last-child { width: 100% !important; max-width: none !important; padding: 18px 0 54px !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { padding: 34px 24px 32px !important; border-radius: 14px !important; font-size: 1.72rem !important; line-height: 1.2 !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title::after { top: -75px !important; right: -75px !important; width: 190px !important; height: 190px !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .subtitle { margin: 14px 2px 22px !important; font-size: 15px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { padding: 24px 20px 26px !important; border-radius: 14px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract { margin: 20px 0 !important; padding: 23px 20px !important; border-radius: 12px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value p { padding-left: 0 !important; text-indent: 0 !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 420px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { padding-right: 13px !important; padding-left: 13px !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { padding-right: 20px !important; padding-left: 20px !important; font-size: 1.58rem !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { padding-right: 17px !important; padding-left: 17px !important; } } /* ============================================================ JDHAB — ARTICLE PAGE DESKTOP / NOTEBOOK GRID FIX Reason: OJS clearfix pseudo-elements were becoming grid cells, leaving the main article column empty and moving content right. Mobile styling is otherwise preserved. ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details > .row::before, body.pkp_page_article.pkp_op_view .obj_article_details > .row::after { display: none !important; content: none !important; width: 0 !important; height: 0 !important; } /* Explicitly anchor the two real columns */ @media (min-width: 981px) { body.pkp_page_article.pkp_op_view .obj_article_details > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; grid-template-areas: "main sidebar" !important; align-items: start !important; column-gap: 30px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry { grid-area: main !important; width: 100% !important; min-width: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { grid-area: sidebar !important; width: 320px !important; min-width: 0 !important; } } /* Notebook refinement */ @media (min-width: 981px) and (max-width: 1280px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { width: calc(100% - 48px) !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .row { grid-template-columns: minmax(0, 1fr) 292px !important; column-gap: 24px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { width: 292px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry { padding-right: 30px !important; padding-left: 30px !important; } } /* ============================================================ JDHAB — DESKTOP HEADER REFINEMENT Applies only from 992 px upward. Mobile and tablet-mobile header remain unchanged. ============================================================ */ @media (min-width: 992px) { /* Institutional blue field */ #headerNavigationContainer, .pkp_structure_head { position: relative !important; overflow: visible !important; background: linear-gradient(180deg, #164469 0%, #123A5D 100%) !important; border-bottom: 1px solid rgba(108, 116, 104, .34) !important; box-shadow: 0 5px 18px rgba(11, 36, 59, .08) !important; } /* Compact and balanced header canvas */ #headerNavigationContainer .pkp_head_wrapper, .pkp_structure_head .pkp_head_wrapper, .pkp_head_wrapper { width: calc(100% - 64px) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 18px 0 16px !important; overflow: visible !important; } /* Logo area */ #headerNavigationContainer .pkp_site_name_wrapper, #headerNavigationContainer .pkp_site_name, .pkp_structure_head .pkp_site_name_wrapper, .pkp_structure_head .pkp_site_name, .pkp_site_name_wrapper, .pkp_site_name { width: 100% !important; max-width: none !important; margin: 0 auto 17px !important; padding: 0 !important; text-align: center !important; line-height: 1 !important; } #headerNavigationContainer .pkp_site_name .is_img, .pkp_structure_head .pkp_site_name .is_img, .pkp_site_name .is_img { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; } #headerNavigationContainer .pkp_site_name .is_img img, .pkp_structure_head .pkp_site_name .is_img img, .pkp_site_name .is_img img { display: block !important; width: auto !important; height: auto !important; max-width: 255px !important; max-height: 70px !important; object-fit: contain !important; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .12)) !important; } /* Floating navigation panel */ #headerNavigationContainer .pkp_navigation_primary_wrapper, .pkp_structure_head .pkp_navigation_primary_wrapper, .pkp_navigation_primary_wrapper { position: relative !important; z-index: 10000 !important; display: flex !important; justify-content: center !important; width: 100% !important; max-width: 1060px !important; margin: 0 auto !important; padding: 0 20px !important; overflow: visible !important; background: rgba(8, 38, 63, .78) !important; border: 1px solid rgba(255, 255, 255, .10) !important; border-radius: 12px !important; box-shadow: 0 12px 28px rgba(5, 23, 38, .15), inset 0 1px 0 rgba(255, 255, 255, .035) !important; backdrop-filter: blur(4px); } #headerNavigationContainer .pkp_navigation_primary, .pkp_structure_head .pkp_navigation_primary, .pkp_navigation_primary { position: relative !important; z-index: 10001 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 0 15px !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } #headerNavigationContainer .pkp_navigation_primary > li, .pkp_structure_head .pkp_navigation_primary > li, .pkp_navigation_primary > li { position: relative !important; flex: 0 0 auto !important; margin: 0 !important; overflow: visible !important; } #headerNavigationContainer .pkp_navigation_primary > li > a, .pkp_structure_head .pkp_navigation_primary > li > a, .pkp_navigation_primary > li > a { position: relative !important; display: inline-flex !important; align-items: center !important; min-height: 58px !important; margin: 0 !important; padding: 0 4px !important; border: 0 !important; color: #FFFFFF !important; font-size: 15.25px !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .012em !important; text-decoration: none !important; white-space: nowrap !important; opacity: .97 !important; transition: color .18s ease, opacity .18s ease, transform .18s ease !important; } /* Refined gold interaction line */ #headerNavigationContainer .pkp_navigation_primary > li > a::after, .pkp_structure_head .pkp_navigation_primary > li > a::after, .pkp_navigation_primary > li > a::after { content: "" !important; position: absolute !important; right: 4px !important; bottom: 10px !important; left: 4px !important; height: 2px !important; border-radius: 999px !important; background: #6C7468 !important; opacity: 0 !important; transform: scaleX(.35) !important; transform-origin: center !important; transition: opacity .18s ease, transform .18s ease !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:hover, #headerNavigationContainer .pkp_navigation_primary > li > a:focus, .pkp_structure_head .pkp_navigation_primary > li > a:hover, .pkp_structure_head .pkp_navigation_primary > li > a:focus, .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { color: #FFFFFF !important; opacity: 1 !important; transform: translateY(-1px) !important; outline: none !important; background: transparent !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:hover::after, #headerNavigationContainer .pkp_navigation_primary > li > a:focus::after, .pkp_structure_head .pkp_navigation_primary > li > a:hover::after, .pkp_structure_head .pkp_navigation_primary > li > a:focus::after, .pkp_navigation_primary > li > a:hover::after, .pkp_navigation_primary > li > a:focus::after, .pkp_navigation_primary > li.current > a::after, .pkp_navigation_primary > li.current_page_item > a::after { opacity: 1 !important; transform: scaleX(1) !important; } /* Dropdowns visually connected to the premium header */ #headerNavigationContainer .pkp_navigation_primary ul, .pkp_structure_head .pkp_navigation_primary ul, .pkp_navigation_primary ul, .pkp_navigation_primary .dropdown-menu { margin-top: 8px !important; padding: 8px !important; overflow: hidden !important; background: #FFFFFF !important; border: 1px solid rgba(18, 58, 93, .12) !important; border-radius: 12px !important; box-shadow: 0 18px 40px rgba(11, 36, 59, .18) !important; } #headerNavigationContainer .pkp_navigation_primary ul a, .pkp_structure_head .pkp_navigation_primary ul a, .pkp_navigation_primary ul a { padding: 10px 12px !important; border-radius: 8px !important; color: #123A5D !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; } #headerNavigationContainer .pkp_navigation_primary ul a:hover, #headerNavigationContainer .pkp_navigation_primary ul a:focus, .pkp_structure_head .pkp_navigation_primary ul a:hover, .pkp_structure_head .pkp_navigation_primary ul a:focus, .pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus { background: rgba(18, 58, 93, .065) !important; color: #0B243B !important; text-decoration: none !important; } } /* Narrow notebooks: preserve the single-line navigation */ @media (min-width: 992px) and (max-width: 1180px) { } /* ============================================================ JDHAB — Industry and Technology Advisory Board Full-width advisory card ============================================================ */ .jdhab-team__section--industry { position: relative; } .jdhab-team__grid--advisory { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100%; gap: 0; } .jdhab-member--advisory { position: relative; width: 100%; max-width: none; min-height: 0; box-sizing: border-box; padding: 32px 34px 34px; overflow: hidden; } .jdhab-member--advisory::after { content: ""; position: absolute; top: 0; right: 0; width: 180px; height: 180px; background: radial-gradient( circle, rgba(211, 168, 47, 0.10) 0%, rgba(211, 168, 47, 0) 70% ); pointer-events: none; } .jdhab-member__advisory-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 22px; } .jdhab-member__advisory-titles { min-width: 0; } .jdhab-member--advisory .jdhab-member__role { display: inline-flex; align-items: center; width: auto; max-width: 100%; margin: 0 0 11px; padding: 9px 17px; box-sizing: border-box; line-height: 1.35; white-space: normal; } .jdhab-member__specialty { margin: 0; color: #8a6818; font-size: 0.96rem; font-weight: 700; line-height: 1.45; letter-spacing: 0.025em; } .jdhab-member--advisory .jdhab-member__name { position: relative; z-index: 1; margin: 0 0 8px; font-size: clamp(1.45rem, 2vw, 1.8rem); line-height: 1.25; } .jdhab-member--advisory .jdhab-member__affiliation { position: relative; z-index: 1; margin: 0 0 24px; font-size: 1rem; line-height: 1.55; } .jdhab-member__expertise--advisory { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 10px; width: 100%; max-width: 900px; margin: 0; padding: 0; line-height: 1.5; } .jdhab-member__expertise--advisory span { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 14px; border: 1px solid rgba(18, 58, 93, 0.16); border-radius: 999px; background: rgba(18, 58, 93, 0.035); color: #40566b; font-size: 0.9rem; font-weight: 500; line-height: 1.35; box-sizing: border-box; } @media (max-width: 720px) { .jdhab-member--advisory { padding: 25px 22px 28px; } .jdhab-member__advisory-header { display: block; margin-bottom: 20px; } .jdhab-member--advisory .jdhab-member__role { padding: 8px 14px; font-size: 0.76rem; line-height: 1.45; } .jdhab-member__specialty { font-size: 0.88rem; } .jdhab-member--advisory .jdhab-member__name { font-size: 1.42rem; } .jdhab-member--advisory .jdhab-member__affiliation { margin-bottom: 20px; } .jdhab-member__expertise--advisory { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; } .jdhab-member__expertise--advisory span { width: 100%; border-radius: 12px; } } /* AXIS — discrete institutional reference */ .jdhab-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 20px; } .jdhab-footer__axis-ref { color: #9a9fa5; font-size: 11.5px; font-weight: 400; white-space: nowrap; } .jdhab-footer__axis-ref a { color: inherit; font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(18, 58, 93, 0.18); } .jdhab-footer__axis-ref a:hover, .jdhab-footer__axis-ref a:focus { color: #123a5d; border-bottom-color: #123a5d; } @media (max-width: 700px) { .jdhab-footer__bottom { align-items: flex-start; flex-direction: column; } .jdhab-footer__axis-ref { white-space: normal; } } .jdhab-service-card__link { display: inline-flex; align-items: center; margin-top: 14px; color: #123a5d; font-size: 13px; font-weight: 700; line-height: 1.4; text-decoration: none; border-bottom: 1px solid rgba(18, 58, 93, 0.22); } .jdhab-service-card__link:hover, .jdhab-service-card__link:focus { color: #0b2942; border-bottom-color: #0b2942; } /* Prevent awkward AXIS link breaks */ .jdhab-contact-call a { display: inline-block; white-space: nowrap; } .jdhab-footer__axis-ref { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; text-align: right; } .jdhab-footer__axis-ref a { white-space: nowrap; } @media (max-width: 700px) { .jdhab-contact-call a, .jdhab-footer__axis-ref, .jdhab-footer__axis-ref a { white-space: normal; } .jdhab-footer__axis-ref { display: block; text-align: left; } } /* JDHAB — Buttons inside Instructions for Authors */ .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; margin-top: 8px; padding: 11px 19px; border: 1px solid #d8b63f; border-radius: 999px; background: #ffffff; color: #143d61 !important; font-size: 15px; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none !important; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .jdhab-authors .jdhab-author-card p > a:hover, .jdhab-authors .jdhab-author-card p > a:focus, .jdhab-authors .jdhab-authors__quickcard p > a:hover, .jdhab-authors .jdhab-authors__quickcard p > a:focus, .jdhab-authors .jdhab-authors__openaccess p > a:hover, .jdhab-authors .jdhab-authors__openaccess p > a:focus { background: #143d61; border-color: #143d61; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(20, 61, 97, 0.16); } .jdhab-authors .jdhab-author-card p > a:focus-visible, .jdhab-authors .jdhab-authors__quickcard p > a:focus-visible, .jdhab-authors .jdhab-authors__openaccess p > a:focus-visible { outline: 3px solid rgba(216, 182, 63, 0.45); outline-offset: 3px; } @media (max-width: 640px) { .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a { width: 100%; } } /* JDHAB — Prevent persistent hover on touch devices */ @media (hover: none), (pointer: coarse) { .jdhab-template-card:hover, .jdhab-template-check:hover { transform: none !important; box-shadow: 0 8px 18px rgba(18, 58, 93, 0.06) !important; border-top-color: #123A5D !important; } .jdhab-template-card--lead:hover { border-top-color: #6C7468 !important; } .jdhab-template-card--resource a:hover { background: #F8FAFC !important; border-color: rgba(18, 58, 93, 0.16) !important; color: #123A5D !important; } .jdhab-template-card--resource a:hover::after { color: #6C7468 !important; } .jdhab-template-card--resource a:active { background: #123A5D !important; border-color: #123A5D !important; color: #ffffff !important; } .jdhab-template__button:hover { background: #F8FAFC !important; color: #123A5D !important; } .jdhab-template__button:active { background: #123A5D !important; color: #ffffff !important; } .jdhab-template a { -webkit-tap-highlight-color: transparent; } } /* JDHAB — Buttons on Article Types & Limits */ .jdhab-types .jdhab-type-card { display: flex; flex-direction: column; } .jdhab-types .jdhab-type-card > p:last-child { margin-top: auto; padding-top: 14px; } .jdhab-types .jdhab-type-card p > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; max-width: 100%; padding: 14px 18px; background: #f8fafc; border: 1px solid rgba(18, 58, 93, 0.18); border-radius: 18px; color: #123a5d !important; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; } .jdhab-types .jdhab-type-card p > a::after { content: "→"; flex: 0 0 auto; color: #6C7468; font-size: 20px; font-weight: 400; line-height: 1; } @media (hover: hover) and (pointer: fine) { .jdhab-types .jdhab-type-card p > a:hover, .jdhab-types .jdhab-type-card p > a:focus { background: #123a5d; border-color: #123a5d; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(18, 58, 93, 0.16); } .jdhab-types .jdhab-type-card p > a:hover::after, .jdhab-types .jdhab-type-card p > a:focus::after { color: #6C7468; } } .jdhab-types .jdhab-type-card p > a:focus-visible { outline: 3px solid rgba(108, 116, 104, 0.42); outline-offset: 3px; } .jdhab-types .jdhab-type-card p > a:active { background: #123a5d; border-color: #123a5d; color: #ffffff !important; } .jdhab-types .jdhab-type-card p > a:active::after { color: #6C7468; } @media (max-width: 640px) { .jdhab-types .jdhab-type-card p > a { padding: 14px 16px; border-radius: 16px; } } /* ========================================================= JDHAB — PRIMARY NAVIGATION · FINAL REFINEMENT ========================================================= */ @media (min-width: 992px) { /* Remove molduras e fundos dos contêineres externos */ .pkp_navigation_primary_row, .pkp_navigation_primary_wrapper { background: transparent !important; border: 0 !important; box-shadow: none !important; } .pkp_navigation_primary_row { width: 100% !important; margin: 0 !important; padding: 10px 24px 26px !important; } .pkp_navigation_primary_wrapper { width: calc(100% - 48px) !important; max-width: 1460px !important; margin: 0 auto !important; padding: 0 !important; } .pkp_site_nav_menu { position: static !important; width: 100% !important; padding: 0 !important; background: transparent !important; } /* Barra única */ .pkp_navigation_primary { display: flex !important; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 3px; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 8px 14px !important; background: linear-gradient( 135deg, rgba(9, 39, 64, 0.97) 0%, rgba(11, 45, 73, 0.97) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.11) !important; border-radius: 17px !important; box-shadow: 0 12px 28px rgba(4, 25, 43, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important; } .pkp_navigation_primary > li { position: relative !important; display: flex !important; align-items: center; margin: 0 !important; } /* Links principais */ .pkp_navigation_primary > li > a { position: relative; display: flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 0 16px !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 11px !important; color: rgba(255, 255, 255, 0.94) !important; font-size: 15.5px; font-weight: 700; line-height: 1.2; letter-spacing: 0.008em; white-space: nowrap; text-decoration: none !important; transition: background-color 0.18s ease, color 0.18s ease; } /* Remove margens negativas do tema original */ .pkp_navigation_primary > li:first-child > a, .pkp_navigation_primary > li:last-child > a { margin: 0 !important; } /* Indicador dourado discreto */ .pkp_navigation_primary > li > a::before { content: ""; position: absolute; left: 50%; bottom: 6px; width: 0; height: 2px; background: #6C7468; border-radius: 999px; transform: translateX(-50%); transition: width 0.2s ease; } .pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { background: rgba(255, 255, 255, 0.055) !important; color: #ffffff !important; outline: none !important; } .pkp_navigation_primary > li > a:hover::before, .pkp_navigation_primary > li > a:focus::before, .pkp_navigation_primary > li.current > a::before, .pkp_navigation_primary > li > a[aria-current="page"]::before { width: 24px; } .pkp_navigation_primary > li.current > a, .pkp_navigation_primary > li > a[aria-current="page"] { background: rgba(255, 255, 255, 0.045) !important; color: #ffffff !important; } .pkp_navigation_primary > li > a:focus-visible { outline: 2px solid rgba(108, 116, 104, 0.78) !important; outline-offset: 2px; } /* Setas dos menus suspensos */ .pkp_navigation_primary [aria-haspopup="true"]::after { margin-left: 8px !important; border-top-color: #6C7468 !important; border-right-color: transparent !important; border-left-color: transparent !important; opacity: 0.95; } /* Dropdown */ .pkp_navigation_primary > li > ul, .pkp_navigation_primary .dropdown-menu { top: calc(100% + 1px) !important; left: 50% !important; min-width: 292px !important; margin: 0 !important; padding: 10px !important; transform: translateX(-50%) !important; background: #ffffff !important; border: 1px solid rgba(18, 58, 93, 0.13) !important; border-radius: 15px !important; box-shadow: 0 20px 44px rgba(10, 38, 62, 0.18), 0 4px 12px rgba(10, 38, 62, 0.08) !important; } .pkp_navigation_primary > li:hover > ul, .pkp_navigation_primary > li:focus-within > ul { display: block !important; position: absolute !important; top: calc(100% + 1px) !important; left: 50% !important; transform: translateX(-50%) !important; } .pkp_navigation_primary ul li { display: block !important; width: 100% !important; } .pkp_navigation_primary ul a { display: block !important; width: 100%; padding: 11px 14px !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; color: #123a5d !important; font-size: 14.5px; font-weight: 700; line-height: 1.35; text-decoration: none !important; transition: background-color 0.17s ease, padding-left 0.17s ease, box-shadow 0.17s ease; } .pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus { padding-left: 18px !important; background: #f4f7fa !important; color: #123a5d !important; box-shadow: inset 3px 0 0 #6C7468; outline: none !important; } } /* Notebooks e telas intermediárias */ @media (min-width: 992px) and (max-width: 1240px) { .pkp_navigation_primary_row { padding-left: 12px !important; padding-right: 12px !important; } .pkp_navigation_primary_wrapper { width: 100% !important; } .pkp_navigation_primary { gap: 1px; padding: 7px 9px !important; } .pkp_navigation_primary > li > a { min-height: 46px; padding: 0 10px !important; font-size: 13.8px; } .pkp_navigation_primary [aria-haspopup="true"]::after { margin-left: 5px !important; } } /* ========================================================= JDHAB — MENU DESKTOP · CORREÇÃO DEFINITIVA DA MOLDURA DUPLA Deve permanecer como o último bloco do CSS ========================================================= */ @media (min-width: 1181px) { /* Área geral de navegação */ #headerNavigationContainer .pkp_site_nav_menu { position: static !important; display: block !important; width: 100% !important; padding: 0 32px 24px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #headerNavigationContainer .pkp_navigation_primary_row { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ÚNICA barra visível */ #headerNavigationContainer .pkp_navigation_primary_wrapper { position: relative !important; display: flex !important; justify-content: center !important; width: calc(100% - 64px) !important; max-width: 1450px !important; margin: 0 auto !important; padding: 8px 18px !important; background: linear-gradient( 135deg, rgba(8, 37, 61, 0.97) 0%, rgba(10, 44, 71, 0.97) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.11) !important; border-radius: 18px !important; box-shadow: 0 13px 30px rgba(4, 23, 39, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.045) !important; backdrop-filter: none !important; overflow: visible !important; } /* Remove completamente a segunda barra interna */ #headerNavigationContainer ul#navigationPrimary.pkp_navigation_primary { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 3px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; overflow: visible !important; } #headerNavigationContainer .pkp_navigation_primary > li { position: relative !important; display: flex !important; align-items: center !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; } /* Links principais */ #headerNavigationContainer .pkp_navigation_primary > li > a { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 50px !important; margin: 0 !important; padding: 0 16px !important; background: transparent !important; border: 0 !important; border-radius: 11px !important; box-shadow: none !important; color: rgba(255, 255, 255, 0.95) !important; font-size: 15.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: 0.008em !important; white-space: nowrap !important; text-decoration: none !important; opacity: 1 !important; transform: none !important; transition: background-color 0.18s ease, color 0.18s ease !important; } /* Remove o sublinhado antigo */ #headerNavigationContainer .pkp_navigation_primary > li > a::after { content: none !important; } /* Novo indicador dourado */ #headerNavigationContainer .pkp_navigation_primary > li > a::before { content: "" !important; position: absolute !important; left: 50% !important; bottom: 5px !important; width: 0 !important; height: 2px !important; background: #6C7468 !important; border-radius: 999px !important; opacity: 1 !important; transform: translateX(-50%) !important; transition: width 0.2s ease !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:hover, #headerNavigationContainer .pkp_navigation_primary > li > a:focus { background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; text-decoration: none !important; outline: none !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:hover::before, #headerNavigationContainer .pkp_navigation_primary > li > a:focus::before, #headerNavigationContainer .pkp_navigation_primary > li.current > a::before, #headerNavigationContainer .pkp_navigation_primary > li.current_page_item > a::before { width: 25px !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:focus-visible { outline: 2px solid rgba(108, 116, 104, 0.8) !important; outline-offset: 2px !important; } /* Recria corretamente as setas dos dropdowns */ #headerNavigationContainer .pkp_navigation_primary > li > a[aria-haspopup="true"]::after { content: "" !important; position: static !important; display: inline-block !important; width: 0 !important; height: 0 !important; margin-left: 8px !important; background: transparent !important; border-top: 4px solid #6C7468 !important; border-right: 4px solid transparent !important; border-bottom: 0 !important; border-left: 4px solid transparent !important; border-radius: 0 !important; opacity: 1 !important; transform: none !important; } /* Dropdowns */ #headerNavigationContainer .pkp_navigation_primary > li > ul, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu { min-width: 290px !important; margin: 0 !important; padding: 10px !important; background: #ffffff !important; border: 1px solid rgba(18, 58, 93, 0.13) !important; border-radius: 15px !important; box-shadow: 0 20px 44px rgba(10, 38, 62, 0.18), 0 4px 12px rgba(10, 38, 62, 0.08) !important; } #headerNavigationContainer .pkp_navigation_primary > li:hover > ul, #headerNavigationContainer .pkp_navigation_primary > li:focus-within > ul { position: absolute !important; display: block !important; top: calc(100% + 8px) !important; left: 50% !important; transform: translateX(-50%) !important; } #headerNavigationContainer .pkp_navigation_primary ul a { display: block !important; width: 100% !important; padding: 11px 14px !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; color: #123a5d !important; font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; } #headerNavigationContainer .pkp_navigation_primary ul a:hover, #headerNavigationContainer .pkp_navigation_primary ul a:focus { padding-left: 18px !important; background: #f4f7fa !important; color: #123a5d !important; box-shadow: inset 3px 0 0 #6C7468 !important; outline: none !important; } } /* ========================================================= JDHAB — MOBILE NAVIGATION · FINAL Manter como último bloco do CSS ========================================================= */ @media (max-width: 1180px) { /* Cabeçalho móvel */ /* Botão hambúrguer */ /* Ícone hambúrguer */ /* Botão de fechar */ /* Painel lateral */ /* Identidade dentro do painel */ /* Lista principal */ /* Links principais */ /* Seta dourada */ /* Submenus: integrados ao painel, sem caixas brancas */ /* Busca, quando presente */ /* Remove deformações anteriores do logotipo */ /* Bloqueia rolagem da página enquanto o menu estiver aberto */ } /* Telefones menores */ @media (max-width: 520px) { } /* ========================================================= JDHAB — MOBILE MENU · FINAL CORRECTION Manter como último bloco do CSS ========================================================= */ @media (max-width: 1180px) { /* Remove a identificação artificial que sobrepõe o menu */ /* Painel */ /* Botão móvel */ /* Esconde o ícone defeituoso do tema */ /* Hambúrguer confiável */ /* Estado aberto: X */ /* Torna o menu mais compacto */ /* Evita que o logotipo do cabeçalho seja deformado */ } @media (max-width: 520px) { } /* JDHAB — posicionamento final do botão móvel */ @media (max-width: 1180px) { /* Estado fechado: botão alinhado à esquerda real da tela */ /* Estado aberto */ /* Mantém o logotipo centralizado */ } /* JDHAB — ajuste fino vertical do botão móvel */ @media (max-width: 1180px) { } /* ============================================================ JDHAB — Author Forms & Declarations (corrected scope) OJS body class: pkp_page_author-forms-declarations ============================================================ */ /* Main canvas */ body.pkp_page_author-forms-declarations .pkp_structure_content { width: calc(100% - 80px) !important; max-width: 1120px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 34px !important; padding-bottom: 28px !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations .pkp_structure_main, body.pkp_page_author-forms-declarations .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations .pkp_structure_main::before, body.pkp_page_author-forms-declarations .pkp_structure_main::after { display: none !important; content: none !important; } /* Static-page wrapper */ body.pkp_page_author-forms-declarations .page { width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 0 !important; } /* Remove the duplicated title generated by OJS */ body.pkp_page_author-forms-declarations .page > h2:first-child { display: none !important; } /* Inner content wrapper */ body.pkp_page_author-forms-declarations .page > div { width: 100% !important; max-width: none !important; margin: 0 !important; color: #253746 !important; font-family: inherit !important; line-height: 1.68 !important; } /* Hero */ body.pkp_page_author-forms-declarations .page > div > div:first-child { padding: 38px 42px !important; margin: 0 0 34px !important; background: linear-gradient(135deg, #f4f8fb 0%, #eef4f8 100%) !important; border-top: 4px solid #123a5d !important; border-radius: 0 0 14px 14px !important; box-shadow: 0 12px 30px rgba(18,58,93,.055) !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child h2 { margin: 0 0 12px !important; color: #123a5d !important; font-size: clamp(1.9rem, 3vw, 2.55rem) !important; line-height: 1.12 !important; letter-spacing: -.025em !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child p { max-width: 760px !important; margin: 0 !important; color: #3d5162 !important; font-size: 1.02rem !important; line-height: 1.68 !important; } /* Intro section */ body.pkp_page_author-forms-declarations .page > div > div:nth-child(2) { margin: 0 0 26px !important; } body.pkp_page_author-forms-declarations .page h3 { color: #123a5d !important; line-height: 1.25 !important; } /* Official form card */ body.pkp_page_author-forms-declarations .page > div > div:nth-child(3) { position: relative !important; padding: 30px 32px !important; margin: 0 0 28px !important; border: 1px solid #d9e3eb !important; border-radius: 14px !important; background: #ffffff !important; box-shadow: 0 12px 34px rgba(18,58,93,.055) !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 11px 18px !important; border: 1px solid #123a5d !important; border-radius: 10px !important; background: #123a5d !important; color: #ffffff !important; font-weight: 700 !important; line-height: 1.2 !important; text-decoration: none !important; box-shadow: 0 7px 18px rgba(18,58,93,.16) !important; transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"]:hover, body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"]:focus { background: #0f2f4a !important; border-color: #0f2f4a !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px) !important; box-shadow: 0 11px 24px rgba(18,58,93,.22) !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"]:focus-visible { outline: 3px solid rgba(18,58,93,.24) !important; outline-offset: 3px !important; } /* Important note */ body.pkp_page_author-forms-declarations .page > div > div:last-child { padding: 20px 24px !important; margin: 0 !important; border-left: 4px solid #8fa9ba !important; border-radius: 0 10px 10px 0 !important; background: #f7f9fb !important; color: #3d5162 !important; } /* Mobile */ @media (max-width: 767px) { body.pkp_page_author-forms-declarations .pkp_structure_content { width: 100% !important; padding: 22px 18px 20px !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child { padding: 28px 24px !important; margin-bottom: 26px !important; border-radius: 0 0 12px 12px !important; } body.pkp_page_author-forms-declarations .page > div > div:nth-child(3) { padding: 24px 22px !important; border-radius: 12px !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"] { width: 100% !important; box-sizing: border-box !important; } } /* ========================================================= JDHAB — Author Forms page: final native-title and spacing fix Robust selector based on the official form link ========================================================= */ body:has(.page a[href*="/libraryFiles/downloadPublic/17"]) .pkp_structure_content { padding-top: 22px !important; } body:has(.page a[href*="/libraryFiles/downloadPublic/17"]) .pkp_structure_main, body:has(.page a[href*="/libraryFiles/downloadPublic/17"]) .pkp_structure_main:first-child:last-child { margin-top: 0 !important; padding-top: 0 !important; } body:has(.page a[href*="/libraryFiles/downloadPublic/17"]) .page > h2:first-child { display: none !important; } /* ========================================================= JDHAB — Author Forms page — exact OJS 3.5 selector Unique filename used to bypass browser/OJS stylesheet cache. ========================================================= */ body.pkp_page_author-forms-declarations .pkp_structure_main > .page > h2:first-child { display: none !important; } body.pkp_page_author-forms-declarations .pkp_structure_content { padding-top: 22px !important; } body.pkp_page_author-forms-declarations .pkp_structure_main, body.pkp_page_author-forms-declarations .pkp_structure_main:first-child:last-child { margin-top: 0 !important; padding-top: 0 !important; } /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 2 DESKTOP HEADER / PRIMARY NAVIGATION Escopo: somente desktop amplo (>=1181px) Objetivo: - reduzir a leitura "tech / SaaS" - preservar logo e estrutura OJS - grafite institucional no cabeçalho - menu plano, sem cápsula, gradiente ou sombra - borgonha #6C7468 apenas como acento ============================================================ */ @media (min-width: 1181px) { /* 1. Cabeçalho institucional mais sóbrio */ html body #headerNavigationContainer, html body .pkp_structure_head, html body #headerNavigationContainer .pkp_structure_head { background: #182326 !important; background-image: none !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; box-shadow: none !important; } /* 2. Compactação vertical do topo */ html body #headerNavigationContainer .pkp_head_wrapper { width: calc(100% - 64px) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 16px 24px 8px !important; box-sizing: border-box !important; overflow: visible !important; } html body #headerNavigationContainer .pkp_site_name_wrapper, html body #headerNavigationContainer .pkp_site_name { width: 100% !important; max-width: 100% !important; margin: 0 auto 8px !important; padding: 0 !important; text-align: center !important; transform: none !important; } html body #headerNavigationContainer .pkp_site_name .is_img { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } html body #headerNavigationContainer .pkp_site_name .is_img img { display: block !important; width: auto !important; height: auto !important; max-width: 220px !important; max-height: 58px !important; object-fit: contain !important; } /* 3. Remove qualquer "barra tecnológica" em torno do menu */ html body #headerNavigationContainer .pkp_site_nav_menu { position: static !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 28px 13px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } html body #headerNavigationContainer .pkp_navigation_primary_row { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body #headerNavigationContainer .pkp_navigation_primary_wrapper { position: relative !important; display: flex !important; justify-content: center !important; width: calc(100% - 64px) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid rgba(255,255,255,.14) !important; border-radius: 0 !important; box-shadow: none !important; } /* 4. Navegação editorial plana */ html body #headerNavigationContainer ul#navigationPrimary.pkp_navigation_primary { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 20px !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; padding: 11px 0 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } html body #headerNavigationContainer .pkp_navigation_primary > li { position: relative !important; display: flex !important; align-items: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; } html body #headerNavigationContainer .pkp_navigation_primary > li > a { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; margin: 0 !important; padding: 0 5px 8px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: rgba(255,255,255,.93) !important; font-size: 13.5px !important; font-weight: 650 !important; line-height: 1.2 !important; letter-spacing: .025em !important; white-space: nowrap !important; text-decoration: none !important; text-transform: none !important; transform: none !important; } /* linha borgonha: substitui o efeito "botão/card" */ html body #headerNavigationContainer .pkp_navigation_primary > li > a::before { content: "" !important; position: absolute !important; left: 0 !important; right: auto !important; bottom: 1px !important; width: 0 !important; height: 1.5px !important; background: #6C7468 !important; border-radius: 0 !important; transform: none !important; transition: width .18s ease !important; } html body #headerNavigationContainer .pkp_navigation_primary > li > a:hover, html body #headerNavigationContainer .pkp_navigation_primary > li > a:focus { background: transparent !important; color: #ffffff !important; box-shadow: none !important; text-decoration: none !important; outline: none !important; } html body #headerNavigationContainer .pkp_navigation_primary > li > a:hover::before, html body #headerNavigationContainer .pkp_navigation_primary > li > a:focus::before, html body #headerNavigationContainer .pkp_navigation_primary > li.current > a::before, html body #headerNavigationContainer .pkp_navigation_primary > li.current_page_item > a::before, html body #headerNavigationContainer .pkp_navigation_primary > li > a[aria-current="page"]::before { width: 100% !important; } html body #headerNavigationContainer .pkp_navigation_primary > li > a:focus-visible { outline: 1px solid rgba(108,116,104,.90) !important; outline-offset: 4px !important; } /* seta dos menus: borgonha, discreta */ html body #headerNavigationContainer .pkp_navigation_primary [aria-haspopup="true"]::after { margin-left: 7px !important; border-top-color: #8A9488 !important; border-right-color: transparent !important; border-left-color: transparent !important; opacity: 1 !important; } /* 5. Dropdown: editorial, sem aparência de card de aplicativo */ html body #headerNavigationContainer .pkp_navigation_primary > li > ul, html body #headerNavigationContainer .pkp_navigation_primary .dropdown-menu { top: calc(100% + 2px) !important; left: 50% !important; min-width: 270px !important; margin: 0 !important; padding: 6px 0 !important; transform: translateX(-50%) !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-top: 2px solid #6C7468 !important; border-radius: 3px !important; box-shadow: 0 10px 24px rgba(10,20,24,.12) !important; overflow: hidden !important; } html body #headerNavigationContainer .pkp_navigation_primary ul li { display: block !important; width: 100% !important; margin: 0 !important; } html body #headerNavigationContainer .pkp_navigation_primary ul a { display: block !important; width: 100% !important; margin: 0 !important; padding: 10px 15px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #294A51 !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-decoration: none !important; transform: none !important; } html body #headerNavigationContainer .pkp_navigation_primary ul a:hover, html body #headerNavigationContainer .pkp_navigation_primary ul a:focus { padding-left: 15px !important; background: #F6F3ED !important; color: #182326 !important; box-shadow: inset 2px 0 0 #6C7468 !important; outline: none !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 2 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3A HERO EDITORIAL — HOME + ISSUE PAGE Escopo: somente desktop amplo (>=1181px) Preserva: - cabeçalho aprovado - verde mineral #6C7468 - capa da edição - Issue Information - cards/listagem de artigos ============================================================ */ @media (min-width: 1181px) { /* ========================================================== HOME — Current Issue hero ========================================================== */ body.pkp_page_index.pkp_op_index .current_issue > h2 { grid-column: 1 !important; grid-row: 1 !important; position: relative !important; overflow: visible !important; z-index: 1 !important; min-height: 178px !important; margin: 24px 0 28px !important; padding: 34px 42px 62px !important; background: #FCFBF8 !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-bottom: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.02em !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::before { content: "LATEST ISSUE" !important; display: block !important; width: max-content !important; margin: 0 0 14px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } /* remove completamente a órbita decorativa */ body.pkp_page_index.pkp_op_index .current_issue > h2::after { display: none !important; content: none !important; } /* número da edição continua no mesmo hero, porém sem sobreposição pesada */ body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; justify-self: start !important; position: relative !important; z-index: 2 !important; margin: 0 42px 30px !important; padding: 0 !important; color: #5F696B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.45 !important; letter-spacing: .01em !important; } /* ========================================================== ISSUE PAGE — Vol. 1 No. 1 (2026) hero ========================================================== */ body.pkp_page_issue.pkp_op_view .page_issue > h1 { position: relative !important; overflow: visible !important; min-height: 182px !important; margin: 0 0 30px !important; padding: 34px 42px 36px !important; background: #FCFBF8 !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-bottom: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.022em !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::before { content: "INAUGURAL ISSUE" !important; display: block !important; width: max-content !important; margin: 0 0 14px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { content: "Journal of Digital Health and Advanced Biomaterials" !important; display: block !important; margin-top: 16px !important; color: #657072 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: .01em !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3A ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3B HEROES INSTITUCIONAIS Base: ETAPA 3A aprovada Escopo: - About the Journal - Institutional Services - Editorial Team / Masthead - Instructions for Authors - Article Types - Manuscript Template - Submit Paper - Publication Ethics - Peer Review - Open Access - Privacy - Archiving - Funding - Contact NÃO altera nesta etapa: - cards internos de conteúdo - Issue Information - artigos - tablet/mobile ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. SUPERFÍCIE EDITORIAL COMUM ---------------------------------------------------------- */ .jdhab-services-hero, .jdhab-about-hero, .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero, .jdhab-submit-page__hero, .jdhab-ethics__hero, .jdhab-review__hero, .jdhab-openaccess__hero, .jdhab-privacy__hero, .jdhab-archiving__hero, .jdhab-funding__hero, .jdhab-contact__hero { position: relative !important; overflow: visible !important; margin: 18px 0 32px !important; padding: 36px 42px 38px !important; background: #FCFBF8 !important; background-image: none !important; color: #20272A !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-right: 1px solid #EEEAE3 !important; border-bottom: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } /* ---------------------------------------------------------- 2. REMOVE ÓRBITA / CÍRCULO DECORATIVO ---------------------------------------------------------- */ .jdhab-services-hero::after, .jdhab-about-hero::after, .jdhab-team__hero::after, .jdhab-authors__hero::after, .jdhab-types__hero::after, .jdhab-template__hero::after, .jdhab-submit-page__hero::after, .jdhab-ethics__hero::after, .jdhab-review__hero::after, .jdhab-openaccess__hero::after, .jdhab-privacy__hero::after, .jdhab-archiving__hero::after, .jdhab-funding__hero::after, .jdhab-contact__hero::after { display: none !important; content: none !important; } /* ---------------------------------------------------------- 3. KICKERS — texto editorial, não cápsula ---------------------------------------------------------- */ .jdhab-kicker, .jdhab-team__kicker, .jdhab-authors__kicker, .jdhab-types__kicker, .jdhab-template__kicker, .jdhab-submit-page__kicker, .jdhab-ethics__kicker, .jdhab-review__kicker, .jdhab-openaccess__kicker, .jdhab-privacy__kicker, .jdhab-archiving__kicker, .jdhab-funding__kicker, .jdhab-contact__kicker { display: block !important; width: max-content !important; margin: 0 0 13px !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #6C7468 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } /* ---------------------------------------------------------- 4. TÍTULOS ---------------------------------------------------------- */ .jdhab-services-hero h1, .jdhab-about-hero h1, .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1, .jdhab-submit-page__hero h1, .jdhab-ethics__hero h1, .jdhab-review__hero h1, .jdhab-openaccess__hero h1, .jdhab-privacy__hero h1, .jdhab-archiving__hero h1, .jdhab-funding__hero h1, .jdhab-contact__hero h1 { margin: 0 0 13px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.022em !important; } /* ---------------------------------------------------------- 5. TEXTO DE APOIO ---------------------------------------------------------- */ .jdhab-services-hero p, .jdhab-about-hero p, .jdhab-team__hero p, .jdhab-authors__hero p, .jdhab-types__hero p, .jdhab-template__hero p, .jdhab-submit-page__hero p, .jdhab-ethics__hero p, .jdhab-review__hero p, .jdhab-openaccess__hero p, .jdhab-privacy__hero p, .jdhab-archiving__hero p, .jdhab-funding__hero p, .jdhab-contact__hero p { max-width: 820px !important; margin: 0 !important; color: #657072 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.72 !important; letter-spacing: 0 !important; } /* ---------------------------------------------------------- 6. ABOUT — remove definitivamente título nativo duplicado ---------------------------------------------------------- */ body:has(.jdhab-about-page) .pkp_structure_main > h1, body:has(.jdhab-about-page) .pkp_structure_main > .page > h1, body:has(.jdhab-about-page) .pkp_structure_main .page_about > h1, body:has(.jdhab-about-page) .pkp_structure_main .page_custom > h1 { display: none !important; } body:has(.jdhab-about-page) .pkp_structure_main, body:has(.jdhab-about-page) .pkp_structure_main > .page, body:has(.jdhab-about-page) .jdhab-about-page { padding-top: 0 !important; margin-top: 0 !important; } /* ---------------------------------------------------------- 7. TÍTULOS NATIVOS — proteção nas demais páginas custom (somente quando o hero personalizado realmente existe) ---------------------------------------------------------- */ body:has(.jdhab-team__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-authors__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-types__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-template__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-submit-page__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-ethics__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-review__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-openaccess__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-privacy__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-archiving__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-funding__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-contact__hero) .pkp_structure_main > .page > h1:first-of-type, body:has(.jdhab-services-hero) .pkp_structure_main > .page > h1:first-of-type { display: none !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3B ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3C CARDS INTERNOS — ABOUT + EDITORIAL TEAM Base: ETAPA 3B aprovada Escopo: desktop amplo (>=1181px) Objetivo: - remover linguagem visual de dashboard / SaaS - reduzir radius, sombras e efeitos de elevação - manter azul como tipografia institucional - manter verde mineral #6C7468 apenas como acento ============================================================ */ @media (min-width: 1181px) { /* ========================================================== A. ABOUT THE JOURNAL ========================================================== */ /* Blocos editoriais principais */ .jdhab-about-note, .jdhab-about-scope, .jdhab-about-openaccess { background: #FFFFFF !important; background-image: none !important; margin: 20px 0 !important; padding: 28px 30px !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-about-note h2, .jdhab-about-scope h2, .jdhab-about-openaccess h2 { margin: 0 0 14px !important; padding: 0 0 10px !important; color: #143B5C !important; border-bottom: 1px solid #E2DFD8 !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-weight: 700 !important; } .jdhab-about-note p, .jdhab-about-scope p, .jdhab-about-openaccess p { color: #465156 !important; } /* Grade de quatro áreas */ .jdhab-about-grid { gap: 14px !important; margin: 20px 0 26px !important; } .jdhab-about-card { position: relative !important; min-height: 0 !important; padding: 24px 24px 22px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: border-color .16s ease, background-color .16s ease !important; } .jdhab-about-card:hover, .jdhab-about-card:focus-within { transform: none !important; box-shadow: none !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; background: #FCFBF8 !important; } .jdhab-about-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-size: 18px !important; line-height: 1.28 !important; } .jdhab-about-card p { color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* Se houver numeradores/badges dentro dos cards */ .jdhab-about-card [class*="number"], .jdhab-about-card [class*="index"], .jdhab-about-card [class*="badge"] { display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .12em !important; } /* Open Access deixa de ser "faixa tecnológica" */ .jdhab-about-openaccess { background: #FCFBF8 !important; color: #20272A !important; } .jdhab-about-openaccess h2 { color: #143B5C !important; } .jdhab-about-openaccess p, .jdhab-about-openaccess strong, .jdhab-about-openaccess a { color: #465156 !important; } /* ========================================================== B. EDITORIAL TEAM / MASTHEAD ========================================================== */ /* Blocos estruturais */ .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway { margin: 20px 0 !important; padding: 28px 30px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-team__intro { border-left: 3px solid #6C7468 !important; } .jdhab-team__section h2, .jdhab-team__pathway h2 { margin: 0 0 18px !important; padding: 0 0 11px !important; color: #143B5C !important; border-bottom: 1px solid #E2DFD8 !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-weight: 700 !important; } .jdhab-team__grid, .jdhab-team__grid--two { gap: 14px !important; margin-top: 18px !important; } /* Cards de instituição + membros */ .jdhab-team__card, .jdhab-member { position: relative !important; padding: 22px 22px 21px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-left: 3px solid transparent !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: border-color .16s ease, background-color .16s ease !important; } .jdhab-team__card--lead, .jdhab-member--lead { border-left-color: #6C7468 !important; border-top-color: #E2DFD8 !important; } .jdhab-team__card:hover, .jdhab-team__card:focus-within, .jdhab-member:hover, .jdhab-member:focus-within { transform: none !important; box-shadow: none !important; background: #FCFBF8 !important; border-color: #C9CEC5 !important; } .jdhab-team__card--lead:hover, .jdhab-member--lead:hover, .jdhab-team__card--lead:focus-within, .jdhab-member--lead:focus-within { border-left-color: #6C7468 !important; } .jdhab-team__card h3, .jdhab-member__name { color: #143B5C !important; } .jdhab-team__card h3 { margin: 0 0 10px !important; font-size: 18px !important; line-height: 1.28 !important; } .jdhab-member__name { margin: 0 0 7px !important; font-size: 18px !important; line-height: 1.3 !important; } .jdhab-member__affiliation { margin-bottom: 9px !important; color: #465156 !important; font-size: 13.5px !important; line-height: 1.55 !important; } .jdhab-member__expertise { color: #6A7478 !important; font-size: 12.8px !important; line-height: 1.6 !important; } /* Role deixa de ser pílula */ .jdhab-member__role { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 0 5px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .11em !important; text-transform: uppercase !important; } .jdhab-team__section .jdhab-member .jdhab-member__role { background: transparent !important; } /* Specialty/advisory, quando presente */ .jdhab-member__specialty { color: #6A7478 !important; font-size: 12px !important; line-height: 1.5 !important; } /* Pathway deixa de ser grande bloco azul */ .jdhab-team__pathway { position: relative !important; overflow: visible !important; background: #FCFBF8 !important; border-left: 3px solid #6C7468 !important; } .jdhab-team__pathway::after { display: none !important; content: none !important; } .jdhab-team__pathway h2 { color: #143B5C !important; } .jdhab-team__pathway p, .jdhab-team__pathway strong, .jdhab-team__pathway a { color: #465156 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3C ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3D ISSUE PAGE — CAPA + ISSUE INFORMATION + SUMÁRIO Base: ETAPA 3C aprovada Escopo: desktop amplo (>=1181px) Preserva integralmente: - imagem da capa - cabeçalho/nav - hero claro da edição - About / Editorial Team - tablet e mobile Objetivo: - remover "card dentro de card" - transformar Issue Information em bloco editorial - transformar seções da edição em sumário científico ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. CAPA + INFORMAÇÕES DA EDIÇÃO ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; align-items: center !important; gap: 46px !important; width: 100% !important; min-height: 320px !important; margin: 0 0 38px !important; padding: 34px 38px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; overflow: visible !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::after { display: none !important; content: none !important; } /* Capa: arquivo, dimensões e proporção preservados */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { grid-column: 1 !important; grid-row: 1 !important; float: none !important; display: block !important; width: 210px !important; max-width: 210px !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { display: block !important; width: 210px !important; max-width: 210px !important; height: auto !important; margin: 0 !important; /* mantém a apresentação da capa já aprovada */ border-radius: 14px !important; box-shadow: 0 14px 32px rgba(18,58,93,.15) !important; } /* ---------------------------------------------------------- 2. ISSUE INFORMATION — deixa de ser card interno ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 4px 0 4px 30px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-left: 2px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; color: #465156 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; line-height: 1.72 !important; text-align: left !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before { content: "ISSUE INFORMATION" !important; display: block !important; margin: 0 0 22px !important; padding: 0 0 12px !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published .label { color: #6C7468 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { content: "Open access · Peer-reviewed\A PDF and HTML versions available" !important; display: block !important; margin-top: 18px !important; padding-top: 18px !important; border-top: 1px solid #E2DFD8 !important; white-space: pre-line !important; color: #5F696B !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.7 !important; text-align: left !important; } /* ---------------------------------------------------------- 3. SEÇÕES DA EDIÇÃO — SUMÁRIO, NÃO CARD ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections, body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections:not(:first-child) { width: 100% !important; margin: 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section { position: relative !important; width: 100% !important; margin: 0 !important; padding: 30px 4px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section:first-of-type { margin-top: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 { display: block !important; position: static !important; width: 100% !important; margin: 0 0 18px !important; padding: 0 0 12px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 21px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.012em !important; } /* ---------------------------------------------------------- 4. ARTIGOS — LINHAS EDITORIAIS ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles > li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary { position: relative !important; width: 100% !important; margin: 0 !important; padding: 20px 0 22px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #ECE9E3 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .articles > li:first-child .obj_article_summary { padding-top: 0 !important; } body.pkp_page_issue.pkp_op_view .articles > li:last-child .obj_article_summary { padding-bottom: 2px !important; border-bottom: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > div, body.pkp_page_issue.pkp_op_view .obj_article_summary .media, body.pkp_page_issue.pkp_op_view .obj_article_summary .entry_details, body.pkp_page_issue.pkp_op_view .obj_article_summary .description { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title { margin: 0 0 6px !important; padding: 0 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.4 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:visited { color: #143B5C !important; text-decoration: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:hover, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:focus { color: #0B243B !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .subtitle { margin: 2px 0 7px !important; color: #536066 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 1.55 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: baseline !important; gap: 6px 24px !important; margin: 0 !important; padding: 0 !important; color: #657072 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; line-height: 1.55 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .authors, body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { position: static !important; color: #657072 !important; } /* ---------------------------------------------------------- 5. PDF / HTML — menos "botão de app" ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; margin: 12px 0 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link, body.pkp_page_issue.pkp_op_view .galleys_links a { display: inline-flex !important; align-items: center !important; min-height: 0 !important; margin: 0 !important; padding: 2px 0 4px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; color: #143B5C !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .07em !important; text-decoration: none !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link:hover, body.pkp_page_issue.pkp_op_view .obj_galley_link:focus, body.pkp_page_issue.pkp_op_view .galleys_links a:hover, body.pkp_page_issue.pkp_op_view .galleys_links a:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; text-decoration: none !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3D ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3D.1 ACABAMENTO DA PÁGINA DA EDIÇÃO Base: ETAPA 3D aprovada Ajustes: - capa quase reta, sem sombra - bloco capa + informações mais compacto - Issue Information com melhor ritmo vertical - PDF / HTML sem ícones nativos do OJS ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. BLOCO CAPA + INFORMAÇÕES — mais compacto ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: 200px minmax(0, 1fr) !important; gap: 40px !important; min-height: 0 !important; margin-bottom: 34px !important; padding: 30px 34px !important; } /* ---------------------------------------------------------- 2. CAPA — aspecto de publicação, não card flutuante ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { width: 190px !important; max-width: 190px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { width: 190px !important; max-width: 190px !important; border: 1px solid #DCD8D0 !important; border-radius: 3px !important; box-shadow: none !important; } /* ---------------------------------------------------------- 3. ISSUE INFORMATION — menos vazio, mais editorial ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { padding: 2px 0 2px 26px !important; font-size: 14.5px !important; line-height: 1.62 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before { margin-bottom: 16px !important; padding-bottom: 10px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { margin-top: 14px !important; padding-top: 14px !important; font-size: 13.5px !important; line-height: 1.6 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published .label { margin-right: 6px !important; } /* ---------------------------------------------------------- 4. PDF / HTML — remove ícones nativos ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_galley_link::before, body.pkp_page_issue.pkp_op_view .galleys_links a::before { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link, body.pkp_page_issue.pkp_op_view .galleys_links a { gap: 0 !important; padding: 1px 0 4px !important; font-size: 10.5px !important; letter-spacing: .09em !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links { gap: 18px !important; margin-top: 11px !important; } /* ---------------------------------------------------------- 5. PEQUENO REFINAMENTO DE RITMO DO SUMÁRIO ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .section { padding-top: 28px !important; padding-bottom: 20px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary { padding-top: 18px !important; padding-bottom: 20px !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3D.1 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3D.2 COMPACTAÇÃO SUPERIOR DA PÁGINA DA EDIÇÃO Base: ETAPA 3D.1 aprovada Ajustes exclusivos: - hero da edição um pouco mais baixo - bloco capa + Issue Information mais compacto - menor distância horizontal entre capa e informações - nenhuma alteração no sumário/artigos/PDF/HTML ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. HERO DA EDIÇÃO — menos altura, mesma linguagem ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .page_issue > h1 { min-height: 0 !important; margin-bottom: 26px !important; padding-top: 28px !important; padding-right: 42px !important; padding-bottom: 27px !important; padding-left: 42px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::before { margin-bottom: 11px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { margin-top: 12px !important; } /* ---------------------------------------------------------- 2. CAPA + ISSUE INFORMATION — composição mais fechada ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: 190px minmax(0, 1fr) !important; gap: 32px !important; margin-bottom: 30px !important; padding-top: 26px !important; padding-right: 30px !important; padding-bottom: 26px !important; padding-left: 30px !important; } /* capa permanece exatamente em 190px */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { width: 190px !important; max-width: 190px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { width: 190px !important; max-width: 190px !important; } /* ---------------------------------------------------------- 3. ISSUE INFORMATION — aproxima e compacta ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { padding-left: 22px !important; font-size: 14px !important; line-height: 1.58 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before { margin-bottom: 13px !important; padding-bottom: 9px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { margin-top: 12px !important; padding-top: 12px !important; font-size: 13.25px !important; line-height: 1.55 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3D.2 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.1 INSTRUCTIONS FOR AUTHORS — DESKTOP Base: ETAPA 3D.2 aprovada Escopo: somente .jdhab-authors em desktop amplo (>=1181px) Direção: - página como manual editorial científico, não dashboard - seções abertas com linhas finas - cards internos planos - verde mineral #6C7468 apenas como acento - azul #143B5C na hierarquia tipográfica - sem sombras, cápsulas ou elevação ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. CONTÊINER / RITMO GERAL ---------------------------------------------------------- */ .jdhab-authors { max-width: 980px !important; padding-bottom: 46px !important; } .jdhab-authors p, .jdhab-authors li { color: #465156 !important; } .jdhab-authors li::marker { color: #6C7468 !important; } /* ---------------------------------------------------------- 2. INTRO — nota editorial ---------------------------------------------------------- */ .jdhab-authors__intro { margin: 20px 0 30px !important; padding: 25px 29px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } .jdhab-authors__intro p { max-width: 880px !important; margin-top: 0 !important; margin-bottom: 12px !important; font-size: 14.5px !important; line-height: 1.72 !important; } .jdhab-authors__intro p:last-child { margin-bottom: 0 !important; } /* ---------------------------------------------------------- 3. SEÇÕES — abertas, como manual científico ---------------------------------------------------------- */ .jdhab-authors__section { margin: 30px 0 0 !important; padding: 28px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-authors__section h2 { margin: 0 0 20px !important; padding: 0 0 11px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } /* ---------------------------------------------------------- 4. AUTHOR SUBMISSION PATHWAY / FILE PACKAGE ---------------------------------------------------------- */ .jdhab-authors__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } .jdhab-authors__quickcard { min-height: 0 !important; padding: 21px 22px 20px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; /* Os números 01–04 são texto direto no HTML. */ color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .12em !important; transition: background-color .16s ease, border-color .16s ease !important; } .jdhab-authors__quickcard:hover, .jdhab-authors__quickcard:focus-within { background: #FCFBF8 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors__quickcard h3 { margin: 12px 0 8px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.012em !important; } .jdhab-authors__quickcard p { margin: 0 !important; color: #536066 !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; } /* ---------------------------------------------------------- 5. GRIDS E CARDS DE CONTEÚDO ---------------------------------------------------------- */ .jdhab-authors__grid, .jdhab-authors__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } .jdhab-author-card { min-height: 0 !important; padding: 23px 23px 22px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-left: 3px solid transparent !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: background-color .16s ease, border-color .16s ease !important; } .jdhab-author-card:hover, .jdhab-author-card:focus-within { background: #FCFBF8 !important; border-color: #C9CEC5 !important; box-shadow: none !important; transform: none !important; } .jdhab-author-card--lead, .jdhab-author-card--download { border-left-color: #6C7468 !important; border-top-color: #E2DFD8 !important; } .jdhab-author-card--lead:hover, .jdhab-author-card--lead:focus-within, .jdhab-author-card--download:hover, .jdhab-author-card--download:focus-within { border-left-color: #6C7468 !important; } .jdhab-author-card h3 { margin: 0 0 11px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.012em !important; } .jdhab-author-card p, .jdhab-author-card li { color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } .jdhab-author-card ul { margin-top: 9px !important; } /* ---------------------------------------------------------- 6. TAGS — texto editorial, não badge ---------------------------------------------------------- */ .jdhab-authors__tags { margin-top: 15px !important; padding-top: 11px !important; border-top: 1px solid #E2DFD8 !important; color: #6C7468 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.55 !important; letter-spacing: .035em !important; } /* ---------------------------------------------------------- 7. LINKS / RECURSOS — sem cápsulas ---------------------------------------------------------- */ .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a, .jdhab-author-card--download a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; margin-top: 7px !important; padding: 2px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .025em !important; text-decoration: none !important; } .jdhab-authors .jdhab-author-card p > a:hover, .jdhab-authors .jdhab-author-card p > a:focus, .jdhab-authors .jdhab-authors__quickcard p > a:hover, .jdhab-authors .jdhab-authors__quickcard p > a:focus, .jdhab-authors .jdhab-authors__openaccess p > a:hover, .jdhab-authors .jdhab-authors__openaccess p > a:focus, .jdhab-author-card--download a:hover, .jdhab-author-card--download a:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; } .jdhab-authors .jdhab-author-card p > a:focus-visible, .jdhab-authors .jdhab-authors__quickcard p > a:focus-visible, .jdhab-authors .jdhab-authors__openaccess p > a:focus-visible, .jdhab-author-card--download a:focus-visible { outline: 2px solid rgba(108,116,104,.55) !important; outline-offset: 4px !important; } /* ---------------------------------------------------------- 8. DIAMOND OPEN ACCESS — superfície editorial clara ---------------------------------------------------------- */ .jdhab-authors__openaccess { position: relative !important; overflow: visible !important; margin: 30px 0 0 !important; padding: 27px 30px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-authors__openaccess::after { display: none !important; content: none !important; } .jdhab-authors__openaccess h2 { margin: 0 0 14px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-authors__openaccess p, .jdhab-authors__openaccess strong { position: static !important; color: #465156 !important; font-size: 14px !important; line-height: 1.7 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.1 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.1a REFINAMENTO — INSTRUCTIONS FOR AUTHORS Base: ETAPA 3E.1 aprovada Ajustes mínimos: - verde mineral reservado aos blocos de maior hierarquia - cards comuns com borda cinza uniforme - intervalos verticais discretamente compactados - tipografia, links, grids e conteúdo preservados ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. RITMO VERTICAL — compactação discreta ---------------------------------------------------------- */ .jdhab-authors__intro { margin-bottom: 26px !important; } .jdhab-authors__section { margin-top: 24px !important; padding-top: 24px !important; } .jdhab-authors__section h2 { margin-bottom: 18px !important; } .jdhab-authors__openaccess { margin-top: 26px !important; } /* ---------------------------------------------------------- 2. CARDS COMUNS — borda neutra, sem filete verde ---------------------------------------------------------- */ .jdhab-author-card { border-left: 1px solid #E2DFD8 !important; } .jdhab-author-card:hover, .jdhab-author-card:focus-within { border-left-color: #C9CEC5 !important; } /* ---------------------------------------------------------- 3. VERDE MINERAL — somente blocos prioritários ---------------------------------------------------------- */ /* Recursos oficiais / cards de download */ .jdhab-author-card--lead, .jdhab-author-card--download { border-left: 3px solid #6C7468 !important; } .jdhab-author-card--lead:hover, .jdhab-author-card--lead:focus-within, .jdhab-author-card--download:hover, .jdhab-author-card--download:focus-within { border-left-color: #6C7468 !important; } /* Passos 01–04 continuam com acento verde */ .jdhab-authors__quickcard { border-left: 3px solid #6C7468 !important; } /* Introdução e Diamond Open Access permanecem como âncoras */ .jdhab-authors__intro, .jdhab-authors__openaccess { border-left: 3px solid #6C7468 !important; } /* ---------------------------------------------------------- 4. PEQUENO AJUSTE DE RESPIRAÇÃO ENTRE GRIDS ---------------------------------------------------------- */ .jdhab-authors__quickgrid, .jdhab-authors__grid, .jdhab-authors__grid--two { margin-bottom: 2px !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.1a ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.1B INSTRUCTIONS FOR AUTHORS — EDITORIAL OPEN LAYOUT Base: ETAPA 3E.1a PRINCÍPIO: 1) Passos 01–04 = cards de orientação 2) Conteúdo puramente informativo = layout aberto 3) Conteúdo com ação/link = card discreto 4) Diamond Open Access = âncora editorial final Escopo: desktop amplo (>=1181px) ============================================================ */ @media (min-width: 1181px) { /* ========================================================== A. SEÇÕES PURAMENTE INFORMATIVAS Não contêm links dentro dos cards. Ex.: Scope, Core Formatting Standard, Technical Standards, referências/ética quando apresentados apenas como conteúdo. ========================================================== */ .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid, .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid--two { column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; border-top: 0 !important; } .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-author-card { min-height: 0 !important; margin: 0 !important; padding: 21px 26px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } /* divisória vertical entre as duas colunas */ .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid > .jdhab-author-card:nth-child(odd), .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid--two > .jdhab-author-card:nth-child(odd) { border-right: 1px solid #DCD8D0 !important; padding-left: 0 !important; padding-right: 30px !important; } .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid > .jdhab-author-card:nth-child(even), .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid--two > .jdhab-author-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } /* remove a linha inferior do último par */ .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid > .jdhab-author-card:nth-last-child(-n/**/+2), .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__grid--two > .jdhab-author-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-author-card:hover, .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-author-card:focus-within { background: transparent !important; border-color: #E2DFD8 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-author-card h3 { margin-bottom: 10px !important; font-size: 18px !important; } /* ========================================================== B. SEÇÕES MISTAS Cards sem link viram conteúdo aberto. Cards com link continuam sendo "ações". ========================================================== */ .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:not(:has(> p > a)) { min-height: 0 !important; padding: 22px 22px 23px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #E2DFD8 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:not(:has(> p > a)):hover, .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:not(:has(> p > a)):focus-within { background: transparent !important; border-color: #E2DFD8 !important; box-shadow: none !important; transform: none !important; } /* ========================================================== C. ACTION / RESOURCE CARDS Qualquer card com link direto é tratado como ação. ========================================================== */ .jdhab-authors__section .jdhab-author-card:has(> p > a) { position: relative !important; padding: 22px 23px 21px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; } .jdhab-authors__section .jdhab-author-card:has(> p > a):hover, .jdhab-authors__section .jdhab-author-card:has(> p > a):focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors__section .jdhab-author-card:has(> p > a) h3 { color: #143B5C !important; } /* ========================================================== D. TAGS EM CONTEÚDO ABERTO Funcionam como pequena nota editorial. ========================================================== */ .jdhab-authors__section:not(:has(.jdhab-author-card a)) .jdhab-authors__tags, .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:not(:has(> p > a)) .jdhab-authors__tags { margin-top: 13px !important; padding-top: 10px !important; border-top: 1px solid #E2DFD8 !important; color: #6C7468 !important; } /* ========================================================== E. RITMO — seção mais "publicação", menos "interface" ========================================================== */ .jdhab-authors__section { margin-top: 22px !important; padding-top: 22px !important; } .jdhab-authors__section h2 { margin-bottom: 15px !important; } /* Mantém os passos 01–04 claramente como cards */ .jdhab-authors__quickgrid { gap: 14px !important; } .jdhab-authors__quickcard { background: #FCFBF8 !important; } /* ========================================================== F. PROTEÇÃO — Diamond Open Access permanece destacado ========================================================== */ .jdhab-authors__openaccess { background: #FCFBF8 !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.1B ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2 ARTICLE TYPES & LIMITS — DESKTOP Base: ETAPA 3E.1B aprovada PRINCÍPIO: - hero já aprovado: preservado - limites = ficha técnica editorial comparativa - notas/categorias = layout aberto, sem cards - recursos clicáveis = cards discretos - Editorial Content e Standard = notas institucionais claras - sem sombras, elevação, cápsulas ou grandes superfícies azuis Escopo: somente .jdhab-types em desktop amplo (>=1181px) ============================================================ */ @media (min-width: 1181px) { /* ========================================================== 1. BASE E INTRODUÇÃO ========================================================== */ .jdhab-types { max-width: 980px !important; padding-bottom: 46px !important; } .jdhab-types p, .jdhab-types li { color: #465156 !important; } .jdhab-types__intro { margin: 20px 0 26px !important; padding: 24px 28px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } .jdhab-types__intro p { max-width: 880px !important; margin-top: 0 !important; margin-bottom: 10px !important; font-size: 14.5px !important; line-height: 1.72 !important; } .jdhab-types__intro p:last-child { margin-bottom: 0 !important; } /* ========================================================== 2. SEÇÕES — estrutura de manual / norma editorial ========================================================== */ .jdhab-types__section { margin: 22px 0 0 !important; padding: 22px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-types__section h2, .jdhab-types__standard h2 { margin: 0 0 15px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } /* ========================================================== 3. SUMMARY OF ARTICLE LIMITS Ficha técnica comparativa — não cards de dashboard ========================================================== */ .jdhab-types__limits-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; margin-top: 0 !important; border-top: 1px solid #E2DFD8 !important; } .jdhab-limit-card { min-height: 0 !important; margin: 0 !important; padding: 22px 28px 24px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .jdhab-limit-card:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-limit-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-limit-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-limit-card:hover, .jdhab-limit-card:focus-within { background: transparent !important; border-top-color: transparent !important; box-shadow: none !important; transform: none !important; } /* label deixa de ser cápsula */ .jdhab-limit-card__label { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .jdhab-limit-card h3 { margin: 0 0 13px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.28 !important; } .jdhab-limit-card__meta { border-top: 1px solid #ECE9E3 !important; } .jdhab-limit-card__meta p { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 18px !important; margin: 0 !important; padding: 7px 0 !important; border-bottom: 1px solid #ECE9E3 !important; color: #536066 !important; font-size: 13.5px !important; line-height: 1.5 !important; } .jdhab-limit-card__meta p:last-child { border-bottom: 0 !important; } .jdhab-limit-card__meta strong { color: #465156 !important; font-weight: 700 !important; } /* ========================================================== 4. GENERAL NOTES + ARTICLE CATEGORIES Conteúdo sem links = layout aberto em duas colunas ========================================================== */ .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card { min-height: 0 !important; margin: 0 !important; padding: 21px 26px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card:nth-child(odd), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card:nth-child(even), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card:nth-last-child(-n/**/+2), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card:hover, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card:focus-within { background: transparent !important; border-top-color: transparent !important; box-shadow: none !important; transform: none !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card p { color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ========================================================== 5. TAGS — nota editorial, não badge ========================================================== */ .jdhab-types__tags { margin-top: 14px !important; padding-top: 10px !important; border-top: 1px solid #E2DFD8 !important; color: #6C7468 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.55 !important; letter-spacing: .025em !important; } /* ========================================================== 6. EDITORIAL CONTENT Categoria excepcional = nota institucional clara ========================================================== */ .jdhab-type-card--wide { grid-column: span 2 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide { padding: 24px 28px !important; background: #FCFBF8 !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:hover, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:focus-within { background: #FCFBF8 !important; border-color: #E2DFD8 !important; border-left-color: #6C7468 !important; } /* ========================================================== 7. OFFICIAL AUTHOR RESOURCES Cards apenas porque há uma ação / link ========================================================== */ .jdhab-types__section:has(.jdhab-type-card a) .jdhab-types__grid, .jdhab-types__section:has(.jdhab-type-card a) .jdhab-types__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } .jdhab-types__section:has(.jdhab-type-card a) .jdhab-type-card { min-height: 0 !important; padding: 22px 23px 21px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: background-color .16s ease, border-color .16s ease !important; } .jdhab-types__section:has(.jdhab-type-card a) .jdhab-type-card:hover, .jdhab-types__section:has(.jdhab-type-card a) .jdhab-type-card:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-types__section:has(.jdhab-type-card a) .jdhab-type-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; line-height: 1.3 !important; } .jdhab-types__section:has(.jdhab-type-card a) .jdhab-type-card p { color: #536066 !important; font-size: 14px !important; line-height: 1.65 !important; } /* links deixam de ser botões/cápsulas */ .jdhab-types .jdhab-type-card p > a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; margin-top: 7px !important; padding: 2px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .025em !important; text-decoration: none !important; } .jdhab-types .jdhab-type-card p > a::after { display: none !important; content: none !important; } .jdhab-types .jdhab-type-card p > a:hover, .jdhab-types .jdhab-type-card p > a:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; } .jdhab-types .jdhab-type-card p > a:focus-visible { outline: 2px solid rgba(108,116,104,.55) !important; outline-offset: 4px !important; } /* ========================================================== 8. REFERENCE AND FORMATTING STANDARD Remove bloco azul e órbita final ========================================================== */ .jdhab-types__standard { position: relative !important; overflow: visible !important; margin: 26px 0 0 !important; padding: 26px 29px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-types__standard::after { display: none !important; content: none !important; } .jdhab-types__standard h2 { color: #143B5C !important; } .jdhab-types__standard p, .jdhab-types__standard strong, .jdhab-types__standard em { position: static !important; color: #465156 !important; font-size: 14px !important; line-height: 1.7 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.2 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2a MICROAJUSTE — EDITORIAL CONTENT Objetivo: aumentar o respiro interno junto ao filete verde. ============================================================ */ @media (min-width: 1181px) { .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide { padding-left: 32px !important; padding-right: 32px !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide h3 { margin-left: 0 !important; margin-bottom: 14px !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide p, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide .jdhab-types__tags { margin-left: 0 !important; } } /* ============================================================ FIM — ETAPA 3E.2a ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2b EDITORIAL CONTENT — SEM FILETE LATERAL Ajuste único: remove o filete verde do bloco Editorial Content. ============================================================ */ @media (min-width: 1181px) { .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide { border-left: 1px solid #E2DFD8 !important; padding-left: 28px !important; padding-right: 28px !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:hover, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:focus-within { border-left-color: #E2DFD8 !important; } } /* ============================================================ FIM — ETAPA 3E.2b ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2c EDITORIAL CONTENT — LAYOUT ABERTO Ajuste exclusivo: - remove aparência de card - sem fundo próprio - sem bordas laterais - sem cantos aparentes - segue o mesmo fluxo editorial do bloco acima ============================================================ */ @media (min-width: 1181px) { .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide { grid-column: span 2 !important; margin: 0 !important; padding: 20px 0 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:hover, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide:focus-within { background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide h3 { margin: 0 0 14px !important; padding: 0 !important; color: #143B5C !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide p { margin-left: 0 !important; margin-right: 0 !important; } .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-type-card--wide .jdhab-types__tags { margin: 16px 0 0 !important; padding: 12px 0 0 !important; border-top: 1px solid #E2DFD8 !important; } } /* ============================================================ FIM — ETAPA 3E.2c ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2d EDITORIAL CONTENT — ACABAMENTO FINAL Remove linha vertical residual da antiga grade em duas colunas. ============================================================ */ @media (min-width: 1181px) { .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card--wide, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card--wide { border-right: 0 !important; border-left: 0 !important; } } /* ============================================================ FIM — ETAPA 3E.2d ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.2e EDITORIAL CONTENT — REMOÇÃO ROBUSTA DA LINHA RESIDUAL ============================================================ */ @media (min-width: 1181px) { /* Card wide: nenhuma borda vertical, independentemente das regras de odd/even aplicadas anteriormente. */ .jdhab-types .jdhab-type-card--wide, .jdhab-types__section .jdhab-type-card--wide, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card--wide, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card--wide, .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card--wide:nth-child(odd), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid > .jdhab-type-card--wide:nth-child(even), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card--wide:nth-child(odd), .jdhab-types__section:not(:has(.jdhab-type-card a)) .jdhab-types__grid--two > .jdhab-type-card--wide:nth-child(even) { border-left: 0 !important; border-right: 0 !important; } /* A grade que contém Editorial Content também não deve desenhar qualquer moldura vertical. */ .jdhab-types__grid:has(.jdhab-type-card--wide), .jdhab-types__grid--two:has(.jdhab-type-card--wide) { border-left: 0 !important; border-right: 0 !important; } /* Proteção contra linhas geradas por pseudo-elementos. */ .jdhab-types__grid:has(.jdhab-type-card--wide)::before, .jdhab-types__grid:has(.jdhab-type-card--wide)::after, .jdhab-types__grid--two:has(.jdhab-type-card--wide)::before, .jdhab-types__grid--two:has(.jdhab-type-card--wide)::after, .jdhab-type-card--wide::before, .jdhab-type-card--wide::after { display: none !important; content: none !important; border: 0 !important; } } /* ============================================================ FIM — ETAPA 3E.2e ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.3 MANUSCRIPT TEMPLATES — DESKTOP Base: ETAPA 3E.2e aprovada REGRA VISUAL: - downloads / ações / etapas = cards discretos - conteúdo informativo = layout editorial aberto - sem sombras, elevação, cápsulas ou grandes blocos azuis - verde mineral #6C7468 apenas como acento ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. BASE ---------------------------------------------------------- */ .jdhab-template { max-width: 980px !important; padding-bottom: 46px !important; } .jdhab-template p, .jdhab-template li { color: #465156 !important; } /* ---------------------------------------------------------- 2. INTRODUÇÃO ---------------------------------------------------------- */ .jdhab-template__intro { margin: 20px 0 26px !important; padding: 24px 28px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } .jdhab-template__intro p { margin-top: 0 !important; margin-bottom: 10px !important; font-size: 14.5px !important; line-height: 1.72 !important; } .jdhab-template__intro p:last-child { margin-bottom: 0 !important; } /* ---------------------------------------------------------- 3. SEÇÕES ---------------------------------------------------------- */ .jdhab-template__section { margin: 22px 0 0 !important; padding: 22px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-template__section > h2, .jdhab-template__final h2 { margin: 0 0 15px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } .jdhab-template__section > p { margin: 0 0 17px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ========================================================== 4. OFFICIAL MANUSCRIPT TEMPLATES São downloads: permanecem como cards de ação. ========================================================== */ .jdhab-template__section:has(.jdhab-template__button) .jdhab-template__grid--two { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card { min-height: 0 !important; padding: 23px 24px 22px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: background-color .16s ease, border-color .16s ease !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card:hover, .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-template-card__label { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card p { color: #536066 !important; font-size: 14px !important; line-height: 1.65 !important; } /* download deixa de ser botão de aplicativo */ .jdhab-template__button-wrap { margin-top: 15px !important; margin-bottom: 0 !important; } .jdhab-template__button { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; padding: 2px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .02em !important; text-decoration: none !important; } .jdhab-template__button::after { display: none !important; content: none !important; } .jdhab-template__button:hover, .jdhab-template__button:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; } /* ========================================================== 5. TEMPLATE USE Informação pura: layout aberto em duas colunas. ========================================================== */ .jdhab-template__section:not(:has(a)) .jdhab-template__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card { min-height: 0 !important; margin: 0 !important; padding: 21px 26px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card:hover, .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-size: 18px !important; line-height: 1.3 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid > .jdhab-template-card p { color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ========================================================== 6. BEFORE USING A TEMPLATE Checklist 01–04: etapas = cards discretos. ========================================================== */ .jdhab-template__checklist { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } .jdhab-template-check { min-height: 0 !important; padding: 21px 22px 20px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-top: 1px solid #E2DFD8 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .12em !important; } .jdhab-template-check:hover, .jdhab-template-check:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-template-check h3 { margin: 12px 0 8px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.012em !important; } .jdhab-template-check p { margin: 0 !important; color: #536066 !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 1.65 !important; letter-spacing: 0 !important; } /* ========================================================== 7. SUBMISSION REQUIREMENTS Duas notas informativas = layout aberto. ========================================================== */ .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; margin-top: 0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two > .jdhab-template-card { min-height: 0 !important; padding: 21px 26px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two > .jdhab-template-card:first-child { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two > .jdhab-template-card:last-child { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two > .jdhab-template-card:hover, .jdhab-template__section:not(:has(a)) .jdhab-template__grid--two > .jdhab-template-card:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } /* ========================================================== 8. RELATED AUTHOR RESOURCES Recursos clicáveis: três cards de ação. ========================================================== */ .jdhab-template__grid--three { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; align-items: stretch !important; } .jdhab-template-card--resource { display: flex !important; flex-direction: column !important; min-height: 0 !important; padding: 22px 22px 21px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; } .jdhab-template-card--resource:hover, .jdhab-template-card--resource:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-template-card--resource h3 { min-height: 0 !important; margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; line-height: 1.3 !important; } .jdhab-template-card--resource p { margin-bottom: 14px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.65 !important; } .jdhab-template-card--resource p:last-child { margin-top: auto !important; margin-bottom: 0 !important; } .jdhab-template-card--resource a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; padding: 2px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; text-decoration: none !important; } .jdhab-template-card--resource a::after { display: none !important; content: none !important; } .jdhab-template-card--resource a:hover, .jdhab-template-card--resource a:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; text-decoration: none !important; } /* ========================================================== 9. SUBMISSION READINESS Fecha a página como nota editorial clara. ========================================================== */ .jdhab-template__final { position: relative !important; overflow: visible !important; margin: 26px 0 0 !important; padding: 26px 29px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-template__final::after { display: none !important; content: none !important; } .jdhab-template__final h2 { color: #143B5C !important; } .jdhab-template__final p, .jdhab-template__final strong { position: static !important; color: #465156 !important; font-size: 14px !important; line-height: 1.7 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.3 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.3a MANUSCRIPT TEMPLATES — MICROAJUSTE FINAL Ajuste exclusivo: - compacta verticalmente os 4 cards de templates oficiais - preserva largura, tipografia, filete, links e demais seções ============================================================ */ @media (min-width: 1181px) { .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card { padding-top: 18px !important; padding-bottom: 17px !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card__label { margin-bottom: 9px !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template-card h3 { margin-bottom: 9px !important; } .jdhab-template__section:has(.jdhab-template__button) .jdhab-template__button-wrap { margin-top: 12px !important; } } /* ============================================================ FIM — ETAPA 3E.3a ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.4 SUBMIT A PAPER — DESKTOP Base: ETAPA 3E.3a aprovada OBJETIVO: - remover aparência de portal tecnológico / dashboard - preservar hierarquia institucional - ações continuam claramente identificáveis - conteúdo informativo fica aberto - sem grandes superfícies azuis, sombras, órbitas ou cápsulas Escopo: somente .jdhab-submit-page em desktop >=1181px ============================================================ */ @media (min-width: 1181px) { /* ========================================================== 1. BASE ========================================================== */ .jdhab-submit-page { max-width: 980px !important; padding-bottom: 46px !important; } .jdhab-submit-page p, .jdhab-submit-page li { color: #465156 !important; } /* ========================================================== 2. HERO — linguagem editorial clara ========================================================== */ .jdhab-submit-page__hero { position: relative !important; overflow: visible !important; margin: 12px 0 18px !important; padding: 30px 36px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-submit-page__hero::after { display: none !important; content: none !important; } .jdhab-submit-page__kicker { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .14em !important; } .jdhab-submit-page__hero h1 { margin: 0 0 12px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.025em !important; } .jdhab-submit-page__hero p { max-width: 820px !important; margin: 0 !important; color: #465156 !important; font-size: 15px !important; line-height: 1.72 !important; } /* ========================================================== 3. INTRODUÇÃO ========================================================== */ .jdhab-submit-page__intro { margin: 16px 0 24px !important; padding: 23px 27px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } .jdhab-submit-page__intro p { margin-top: 0 !important; margin-bottom: 10px !important; font-size: 14px !important; line-height: 1.7 !important; } .jdhab-submit-page__intro p:last-child { margin-bottom: 0 !important; } /* ========================================================== 4. ACCESS THE SUBMISSION SYSTEM + READY TO SUBMIT Grandes painéis azuis viram gateways institucionais claros. ========================================================== */ .jdhab-submit-page__action { position: relative !important; overflow: visible !important; margin: 24px 0 !important; padding: 25px 28px 27px !important; background: #F8F7F3 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-radius: 3px !important; box-shadow: none !important; } .jdhab-submit-page__action::after { display: none !important; content: none !important; } .jdhab-submit-page__action h2 { position: static !important; margin: 0 0 13px !important; padding: 0 0 10px !important; border-bottom: 1px solid #DCD8D0 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } .jdhab-submit-page__action p { position: static !important; margin-top: 0 !important; margin-bottom: 8px !important; color: #465156 !important; font-size: 14px !important; line-height: 1.68 !important; } .jdhab-submit-page__actions { position: static !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 12px !important; margin-top: 17px !important; } .jdhab-submit-page__actions a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 13px 15px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 12.5px !important; font-weight: 800 !important; line-height: 1.35 !important; text-decoration: none !important; } .jdhab-submit-page__actions a::after { content: "→" !important; display: inline !important; margin-left: 12px !important; color: #6C7468 !important; font-size: 15px !important; font-weight: 700 !important; } .jdhab-submit-page__actions a:hover, .jdhab-submit-page__actions a:focus { background: #FCFBF8 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; } /* ========================================================== 5. SEÇÕES GERAIS ========================================================== */ .jdhab-submit-page__section { margin: 24px 0 0 !important; padding: 22px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-submit-page__section > h2, .jdhab-submit-page__notice h2 { margin: 0 0 15px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } .jdhab-submit-page__section > p { margin: 0 0 17px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ========================================================== 6. OFFICIAL MANUSCRIPT TEMPLATES 2 × 2, em vez de quatro blocos empilhados. ========================================================== */ #manuscript-templates .jdhab-submit-page__grid--two { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } #manuscript-templates .jdhab-submit-page-card { min-height: 0 !important; padding: 20px 22px 19px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; transition: background-color .16s ease, border-color .16s ease !important; } #manuscript-templates .jdhab-submit-page-card:hover, #manuscript-templates .jdhab-submit-page-card:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } #manuscript-templates .jdhab-submit-page-card h3 { margin: 0 0 9px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; } #manuscript-templates .jdhab-submit-page-card p { margin-top: 0 !important; margin-bottom: 11px !important; color: #536066 !important; font-size: 13.5px !important; line-height: 1.62 !important; } #manuscript-templates .jdhab-submit-page-card p:last-child { margin-top: auto !important; margin-bottom: 0 !important; } /* ========================================================== 7. LINKS DOS CARDS deixam de parecer caixas/botões do sistema ========================================================== */ .jdhab-submit-page-card a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 100% !important; padding: 2px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #143B5C !important; font-size: 11.5px !important; font-weight: 800 !important; line-height: 1.35 !important; text-decoration: none !important; } .jdhab-submit-page-card a::after { display: none !important; content: none !important; } .jdhab-submit-page-card a:hover, .jdhab-submit-page-card a:focus { background: transparent !important; border-bottom-color: #143B5C !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; text-decoration: none !important; } /* ========================================================== 8. BEFORE SUBMISSION 6 recursos = 3 × 2, compactos e coerentes. ========================================================== */ .jdhab-submit-page__grid--three { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 13px !important; margin-top: 0 !important; } .jdhab-submit-page__grid--three .jdhab-submit-page-card { min-height: 0 !important; padding: 19px 19px 18px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-top: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; } .jdhab-submit-page__grid--three .jdhab-submit-page-card:hover, .jdhab-submit-page__grid--three .jdhab-submit-page-card:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } .jdhab-submit-page__grid--three .jdhab-submit-page-card h3 { margin: 0 0 9px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 16.5px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-submit-page__grid--three .jdhab-submit-page-card p { margin-top: 0 !important; margin-bottom: 11px !important; color: #536066 !important; font-size: 13px !important; line-height: 1.58 !important; } .jdhab-submit-page__grid--three .jdhab-submit-page-card p:last-child { margin-top: auto !important; margin-bottom: 0 !important; } /* ========================================================== 9. SUBMISSION PREPARATION CHECKLIST Conteúdo aberto em duas colunas. ========================================================== */ .jdhab-submit-page__checklist { margin-top: 2px !important; } .jdhab-submit-page__checklist ul { columns: 2 !important; column-gap: 46px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .jdhab-submit-page__checklist li { position: relative !important; break-inside: avoid !important; margin: 0 0 0 !important; padding: 11px 0 11px 23px !important; border-bottom: 1px solid #ECE9E3 !important; color: #536066 !important; font-size: 13.5px !important; line-height: 1.62 !important; } .jdhab-submit-page__checklist li::before { content: "✓" !important; position: absolute !important; left: 0 !important; top: 11px !important; color: #6C7468 !important; font-size: 12px !important; font-weight: 800 !important; } /* ========================================================== 10. READY TO SUBMIT Segundo gateway: leve ênfase, sem painel escuro. ========================================================== */ .jdhab-submit-page__section + .jdhab-submit-page__action { margin-top: 26px !important; background: #FCFBF8 !important; border-top: 2px solid #6C7468 !important; } /* ========================================================== 11. COPYRIGHT AND LICENSE Informação pura: nota editorial aberta. ========================================================== */ .jdhab-submit-page__notice { margin: 24px 0 0 !important; padding: 22px 0 4px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-submit-page__notice p { max-width: 900px !important; margin-top: 0 !important; margin-bottom: 10px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.4 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.4a SUBMIT A PAPER — REFINAMENTO DOS BOTÕES DE ACESSO Ajuste exclusivo: - menor altura - menor peso visual - filete verde mais discreto - seta à direita preservada ============================================================ */ @media (min-width: 1181px) { .jdhab-submit-page__action .jdhab-submit-page__actions a { min-height: 0 !important; padding: 10px 13px !important; background: #FFFFFF !important; border: 1px solid #DEDAD3 !important; border-left: 2px solid #7B8278 !important; border-radius: 2px !important; color: #143B5C !important; font-size: 12px !important; font-weight: 750 !important; line-height: 1.3 !important; letter-spacing: 0 !important; } .jdhab-submit-page__action .jdhab-submit-page__actions a::after { margin-left: 10px !important; color: #7B8278 !important; font-size: 14px !important; font-weight: 600 !important; } .jdhab-submit-page__action .jdhab-submit-page__actions a:hover, .jdhab-submit-page__action .jdhab-submit-page__actions a:focus { background: #FCFBF8 !important; border-color: #CBC7C0 !important; border-left-color: #6C7468 !important; color: #0B243B !important; } } /* ============================================================ FIM — ETAPA 3E.4a ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.5 MANUSCRIPT PREPARATION GUIDE — DESKTOP Base: ETAPA 3E.4a aprovada PRINCÍPIO: - guia longo = manual editorial, não dashboard - conteúdo técnico = layout aberto - workflow / downloads / file package = cards discretos - final checklist = auditoria aberta, não nova grade de cards - related resources = cards de ação ============================================================ */ @media (min-width: 1181px) { /* ---------------------------------------------------------- 1. ESCOPO ESPECÍFICO DA PÁGINA ---------------------------------------------------------- */ body.pkp_page_manuscript-preparation-guide .jdhab-template { max-width: 980px !important; padding-bottom: 46px !important; } /* ---------------------------------------------------------- 2. HERO E INTRO — mantém linguagem já aprovada ---------------------------------------------------------- */ body.pkp_page_manuscript-preparation-guide .jdhab-template__hero { margin-bottom: 18px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template__intro { margin-bottom: 25px !important; } /* ---------------------------------------------------------- 3. TÍTULOS DE SEÇÃO — mais ritmo de manual ---------------------------------------------------------- */ body.pkp_page_manuscript-preparation-guide .jdhab-template__section { margin-top: 22px !important; padding-top: 22px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template__section > h2 { margin-bottom: 15px !important; } /* ========================================================== 4. MANUSCRIPT PREPARATION WORKFLOW 6 etapas em 3 x 2 — cards de orientação ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(3) .jdhab-template__checklist { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 13px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(3) .jdhab-template-check { padding: 18px 19px 18px !important; background: #FCFBF8 !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(3) .jdhab-template-check h3 { font-size: 16.5px !important; margin-top: 10px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(3) .jdhab-template-check p { font-size: 13px !important; line-height: 1.58 !important; } /* ========================================================== 5. SELECT THE CORRECT MANUSCRIPT TEMPLATE 4 downloads em 2 x 2 ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(4) .jdhab-template__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(4) .jdhab-template-card { padding-top: 19px !important; padding-bottom: 18px !important; } /* ========================================================== 6. SEÇÕES TÉCNICAS 2–9 layout aberto, sem caixas ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template__grid, body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card { min-height: 0 !important; margin: 0 !important; padding: 20px 26px 21px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card:hover, body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 17.5px !important; line-height: 1.3 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card p, body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(n/**/+5):nth-of-type(-n/**/+12) .jdhab-template-card li { color: #536066 !important; font-size: 13.75px !important; line-height: 1.66 !important; } /* ========================================================== 7. SUBMISSION FILE PACKAGE 6 elementos em 3 x 2 — cards funcionais ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(13) .jdhab-template__checklist { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 13px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(13) .jdhab-template-check { padding: 18px 19px !important; background: #FCFBF8 !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(13) .jdhab-template-check h3 { font-size: 16.5px !important; margin-top: 10px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(13) .jdhab-template-check p { font-size: 13px !important; line-height: 1.58 !important; } /* ========================================================== 8. FINAL SUBMISSION CHECKLIST deixa de ser outra grade de cards: vira auditoria aberta em 2 colunas ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template__checklist { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 44px !important; row-gap: 0 !important; margin-top: 0 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check { min-height: 0 !important; margin: 0 !important; padding: 14px 0 14px 28px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; position: relative !important; color: #536066 !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check::before { content: "✓" !important; position: absolute !important; left: 0 !important; top: 14px !important; color: #6C7468 !important; font-size: 12px !important; font-weight: 800 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check h3 { margin: 0 0 5px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 15.5px !important; line-height: 1.3 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check p { margin: 0 !important; color: #536066 !important; font-size: 13px !important; line-height: 1.58 !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check:hover, body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(14) .jdhab-template-check:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } /* ========================================================== 9. RELATED AUTHOR RESOURCES 6 links = 3 x 2 cards de ação ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(15) .jdhab-template__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 13px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(15) .jdhab-template-card--resource { padding: 19px 19px 18px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(15) .jdhab-template-card--resource h3 { font-size: 16.5px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template > .jdhab-template__section:nth-of-type(15) .jdhab-template-card--resource p { font-size: 13px !important; line-height: 1.58 !important; } /* ========================================================== 10. SUBMISSION READINESS mantém bloco final institucional, mas mais compacto ========================================================== */ body.pkp_page_manuscript-preparation-guide .jdhab-template__final { margin-top: 26px !important; padding: 24px 28px !important; } body.pkp_page_manuscript-preparation-guide .jdhab-template__final .jdhab-template__button { margin-top: 5px !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.5 ============================================================ */ /* ============================================================ JDHAB — EDITORIAL 2.0 · ETAPA 3E.6 AUTHOR FORMS & DECLARATIONS + OPEN ACCESS & COPYRIGHT Base: ETAPA 3E.5 aprovada PRINCÍPIO: - ações/downloads = cards discretos - políticas/conteúdo institucional = layout aberto - sem grandes painéis azuis, gradientes, órbitas ou sombras - azul editorial na hierarquia - verde mineral #6C7468 apenas como acento ============================================================ */ /* ============================================================ A. AUTHOR FORMS & DECLARATIONS — DESKTOP ============================================================ */ @media (min-width: 1181px) { body.pkp_page_author-forms-declarations .jdhab-authors { max-width: 980px !important; padding-bottom: 44px !important; } /* Hero: preserva linguagem clara já aprovada */ body.pkp_page_author-forms-declarations .jdhab-authors__hero { margin-bottom: 18px !important; } /* Introdução */ body.pkp_page_author-forms-declarations .jdhab-authors__intro { margin-bottom: 25px !important; padding: 23px 27px !important; } /* Seções com documentos para download */ body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) { margin-top: 23px !important; padding-top: 22px !important; } body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-authors__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin-top: 0 !important; } body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card { min-height: 0 !important; padding: 21px 22px 20px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 2px solid #7B8278 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; } body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:hover, body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card:focus-within { background: #F8F7F3 !important; border-color: #C9CEC5 !important; border-left-color: #6C7468 !important; box-shadow: none !important; transform: none !important; } body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; line-height: 1.3 !important; } body.pkp_page_author-forms-declarations .jdhab-authors__section:has(.jdhab-author-card a) .jdhab-author-card p { margin-top: 0 !important; margin-bottom: 10px !important; color: #536066 !important; font-size: 13.75px !important; line-height: 1.64 !important; } /* Links de download como links editoriais */ body.pkp_page_author-forms-declarations .jdhab-author-card p > a { display: inline-flex !important; align-items: center !important; width: auto !important; max-width: 100% !important; margin-top: 5px !important; padding: 2px 0 4px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.35 !important; text-decoration: none !important; } body.pkp_page_author-forms-declarations .jdhab-author-card p > a:hover, body.pkp_page_author-forms-declarations .jdhab-author-card p > a:focus { border-bottom-color: #143B5C !important; color: #0B243B !important; } /* Linha Format: mais discreta */ body.pkp_page_author-forms-declarations .jdhab-author-card p:last-child { margin-top: 13px !important; padding-top: 10px !important; border-top: 1px solid #E2DFD8 !important; color: #6B7377 !important; font-size: 12px !important; } /* Author Responsibility: deixa de parecer "mais um card" e vira política aberta */ body.pkp_page_author-forms-declarations .jdhab-authors__openaccess { margin: 26px 0 0 !important; padding: 23px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #465156 !important; } body.pkp_page_author-forms-declarations .jdhab-authors__openaccess::after { display: none !important; content: none !important; } body.pkp_page_author-forms-declarations .jdhab-authors__openaccess h2 { margin: 0 0 15px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; line-height: 1.28 !important; } body.pkp_page_author-forms-declarations .jdhab-authors__openaccess p { max-width: 900px !important; margin: 0 0 10px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } } /* ============================================================ B. OPEN ACCESS & COPYRIGHT — DESKTOP ============================================================ */ @media (min-width: 1181px) { .jdhab-openaccess { max-width: 980px !important; padding-bottom: 46px !important; color: #465156 !important; } .jdhab-openaccess p, .jdhab-openaccess li { color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ---------------------------------------------------------- 1. HERO — remove o antigo painel azul ---------------------------------------------------------- */ .jdhab-openaccess__hero { position: relative !important; overflow: visible !important; margin: 12px 0 18px !important; padding: 30px 36px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #20272A !important; } .jdhab-openaccess__hero::after { display: none !important; content: none !important; } .jdhab-openaccess__kicker { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } .jdhab-openaccess__hero h1 { margin: 0 0 12px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 38px !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.025em !important; } .jdhab-openaccess__hero p { max-width: 820px !important; margin: 0 !important; color: #465156 !important; font-size: 15px !important; line-height: 1.72 !important; } /* ---------------------------------------------------------- 2. INTRO — nota editorial simples ---------------------------------------------------------- */ .jdhab-openaccess__intro { margin: 16px 0 24px !important; padding: 22px 0 5px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-openaccess__intro p { max-width: 900px !important; margin: 0 0 10px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ---------------------------------------------------------- 3. SEÇÕES — política editorial aberta ---------------------------------------------------------- */ .jdhab-openaccess__section { margin: 23px 0 0 !important; padding: 22px 0 6px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid #DCD8D0 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-openaccess__section h2, .jdhab-openaccess__final h2 { margin: 0 0 15px !important; padding: 0 0 10px !important; border-bottom: 1px solid #E2DFD8 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -0.015em !important; } /* ---------------------------------------------------------- 4. 01–04 Open-Access Model matriz editorial aberta, não quatro cards ---------------------------------------------------------- */ .jdhab-openaccess__quickgrid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; } .jdhab-openaccess__quickcard { min-height: 0 !important; margin: 0 !important; padding: 21px 28px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; color: #6C7468 !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .12em !important; transition: none !important; } .jdhab-openaccess__quickcard:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-openaccess__quickcard:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-openaccess__quickcard:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-openaccess__quickcard:hover, .jdhab-openaccess__quickcard:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } .jdhab-openaccess__quickcard span { display: none !important; } .jdhab-openaccess__quickcard h3 { margin: 11px 0 9px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -0.012em !important; } .jdhab-openaccess__quickcard p { margin: 0 !important; color: #536066 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.68 !important; letter-spacing: 0 !important; } /* ---------------------------------------------------------- 5. Demais grids de política todos abertos em duas colunas ---------------------------------------------------------- */ .jdhab-openaccess__grid, .jdhab-openaccess__grid--two { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0 !important; row-gap: 0 !important; margin-top: 0 !important; } .jdhab-openaccess-card { min-height: 0 !important; margin: 0 !important; padding: 21px 27px 22px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .jdhab-openaccess__grid > .jdhab-openaccess-card:nth-child(odd), .jdhab-openaccess__grid--two > .jdhab-openaccess-card:nth-child(odd) { padding-left: 0 !important; padding-right: 30px !important; border-right: 1px solid #DCD8D0 !important; } .jdhab-openaccess__grid > .jdhab-openaccess-card:nth-child(even), .jdhab-openaccess__grid--two > .jdhab-openaccess-card:nth-child(even) { padding-left: 30px !important; padding-right: 0 !important; } .jdhab-openaccess__grid > .jdhab-openaccess-card:nth-last-child(-n/**/+2), .jdhab-openaccess__grid--two > .jdhab-openaccess-card:nth-last-child(-n/**/+2) { border-bottom-color: transparent !important; } .jdhab-openaccess-card:hover, .jdhab-openaccess-card:focus-within { background: transparent !important; box-shadow: none !important; transform: none !important; } .jdhab-openaccess-card h3 { margin: 0 0 10px !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-openaccess-card p { margin-top: 0 !important; margin-bottom: 10px !important; color: #536066 !important; font-size: 14px !important; line-height: 1.68 !important; } /* ---------------------------------------------------------- 6. TAGS — nota editorial ---------------------------------------------------------- */ .jdhab-openaccess__tags { margin-top: 14px !important; padding-top: 10px !important; border-top: 1px solid #E2DFD8 !important; color: #6C7468 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.55 !important; letter-spacing: .025em !important; } /* ---------------------------------------------------------- 7. DIAMOND OPEN ACCESS COMMITMENT fechamento institucional claro ---------------------------------------------------------- */ .jdhab-openaccess__final { position: relative !important; overflow: visible !important; margin: 26px 0 0 !important; padding: 24px 28px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-top: 2px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; color: #465156 !important; } .jdhab-openaccess__final::after { display: none !important; content: none !important; } .jdhab-openaccess__final h2 { color: #143B5C !important; } .jdhab-openaccess__final p { position: static !important; margin: 0 !important; color: #536066 !important; font-size: 14px !important; line-height: 1.7 !important; } } /* ============================================================ FIM — JDHAB EDITORIAL 2.0 · ETAPA 3E.6 ============================================================ */ /* ========================================================= JDHAB — Peer Review Process ETAPA 3E.7 Scoped CSS: affects only .jdhab-peerreview Visual system: institutional / editorial / restrained ========================================================= */ .jdhab-peerreview { --pr-blue: #0B3659; --pr-blue-dark: #0B243B; --pr-ink: #24313E; --pr-muted: #5E6870; --pr-accent: #6C7468; --pr-line: #E2DFD8; --pr-line-strong: #C9CEC5; --pr-paper: #FCFBF8; --pr-white: #FFFFFF; max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: var(--pr-ink); font-family: Arial, Helvetica, sans-serif; } .jdhab-peerreview *, .jdhab-peerreview *::before, .jdhab-peerreview *::after { box-sizing: border-box; } .jdhab-peerreview h1, .jdhab-peerreview h2, .jdhab-peerreview h3 { color: var(--pr-blue); letter-spacing: -0.02em; } .jdhab-peerreview p { color: #33404A; font-size: 15px; line-height: 1.72; } /* HERO — same editorial language adopted across revised JDHAB pages */ .jdhab-peerreview__hero { margin: 18px 0 26px; padding: 38px 46px 36px; background: var(--pr-paper); border: 1px solid var(--pr-line); border-left: 3px solid var(--pr-accent); } .jdhab-peerreview__kicker { margin-bottom: 10px; color: var(--pr-accent); font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .jdhab-peerreview__hero h1 { margin: 0 0 12px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; font-weight: 700; } .jdhab-peerreview__hero p { max-width: 850px; margin: 0 !important; font-size: 16px; line-height: 1.72; } /* INTRO — open text, no card effect */ .jdhab-peerreview__intro { margin: 0 0 30px; padding: 0 0 24px; border-bottom: 1px solid var(--pr-line); } .jdhab-peerreview__intro p { margin: 0 0 12px !important; } .jdhab-peerreview__intro p:last-child { margin-bottom: 0 !important; } /* SECTIONS */ .jdhab-peerreview__section { margin: 0; padding: 28px 0 30px; border-bottom: 1px solid var(--pr-line); } .jdhab-peerreview__section > h2, .jdhab-peerreview__final > h2 { margin: 0 0 18px !important; padding: 0 0 10px; border-bottom: 1px solid var(--pr-line); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 26px; line-height: 1.2; font-weight: 700; } /* WORKFLOW 01–06 — cards intentionally retained */ .jdhab-peerreview__quickgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .jdhab-peerreview__quickcard { min-height: 100%; padding: 20px 20px 22px; background: var(--pr-paper); border: 1px solid var(--pr-line); border-left: 3px solid var(--pr-accent); color: var(--pr-accent); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .12em; } .jdhab-peerreview__quickcard h3 { margin: 10px 0 9px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; } .jdhab-peerreview__quickcard p { margin: 0 !important; font-size: 14px; line-height: 1.62; } /* OPEN EDITORIAL GRIDS — no “app card” appearance */ .jdhab-peerreview__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 4px; } .jdhab-peerreview__grid--two .jdhab-peerreview-card { padding: 22px 28px 24px 0; background: transparent; border: 0; border-bottom: 1px solid var(--pr-line); } .jdhab-peerreview__grid--two .jdhab-peerreview-card:nth-child(even) { padding-left: 28px; padding-right: 0; border-left: 1px solid var(--pr-line); } .jdhab-peerreview__grid--two .jdhab-peerreview-card:nth-last-child(-n/**/+2) { border-bottom: 0; } .jdhab-peerreview-card h3 { margin: 0 0 10px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.28; } .jdhab-peerreview-card p { margin: 0 !important; font-size: 14.5px; line-height: 1.7; } /* EDITORIAL DECISIONS — 3 restrained outcome blocks */ .jdhab-peerreview__decisiongrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .jdhab-peerreview__decision { padding: 20px 20px 21px; background: var(--pr-paper); border: 1px solid var(--pr-line); border-top: 2px solid var(--pr-accent); } .jdhab-peerreview__decision h3 { margin: 0 0 9px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; } .jdhab-peerreview__decision p { margin: 0 !important; font-size: 14px; line-height: 1.62; } /* Editorial Independence — deliberately open prose */ .jdhab-peerreview__section > p { max-width: 900px; margin: 0 0 13px !important; } .jdhab-peerreview__section > p:last-child { margin-bottom: 0 !important; } /* FINAL COMMITMENT */ .jdhab-peerreview__final { margin: 30px 0 0; padding: 24px 28px 26px; background: var(--pr-paper); border: 1px solid var(--pr-line-strong); border-top: 2px solid var(--pr-accent); } .jdhab-peerreview__final > h2 { margin-bottom: 12px !important; font-size: 23px; } .jdhab-peerreview__final p { margin: 0 !important; font-size: 14.5px; line-height: 1.7; } /* No artificial interaction on policy content */ .jdhab-peerreview__quickcard:hover, .jdhab-peerreview__quickcard:focus-within, .jdhab-peerreview-card:hover, .jdhab-peerreview-card:focus-within, .jdhab-peerreview__decision:hover, .jdhab-peerreview__decision:focus-within { background: inherit; box-shadow: none; transform: none; } /* TABLET */ @media (max-width: 900px) { .jdhab-peerreview__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-peerreview__decisiongrid { grid-template-columns: 1fr; } } /* MOBILE */ @media (max-width: 700px) { .jdhab-peerreview { max-width: 100%; padding: 0 8px 36px; } .jdhab-peerreview__hero { margin: 12px 0 20px; padding: 26px 20px 24px; } .jdhab-peerreview__hero h1 { font-size: 28px; } .jdhab-peerreview__hero p { font-size: 14px; line-height: 1.65; } .jdhab-peerreview__intro { margin-bottom: 20px; padding-bottom: 18px; } .jdhab-peerreview__section { padding: 22px 0 24px; } .jdhab-peerreview__section > h2, .jdhab-peerreview__final > h2 { font-size: 22px; } .jdhab-peerreview__quickgrid, .jdhab-peerreview__grid, .jdhab-peerreview__decisiongrid { grid-template-columns: 1fr; } .jdhab-peerreview__quickcard, .jdhab-peerreview__decision { padding: 17px 16px 18px; } .jdhab-peerreview__grid--two .jdhab-peerreview-card, .jdhab-peerreview__grid--two .jdhab-peerreview-card:nth-child(even) { padding: 18px 0 19px; border-left: 0; border-bottom: 1px solid var(--pr-line); } .jdhab-peerreview__grid--two .jdhab-peerreview-card:last-child { border-bottom: 0; } .jdhab-peerreview-card h3, .jdhab-peerreview__quickcard h3, .jdhab-peerreview__decision h3 { font-size: 17px; } .jdhab-peerreview p, .jdhab-peerreview-card p, .jdhab-peerreview__quickcard p, .jdhab-peerreview__decision p { font-size: 13px; line-height: 1.62; } .jdhab-peerreview__final { margin-top: 24px; padding: 21px 18px 22px; } } /* ========================================================= JDHAB — Privacy Statement Editorial refinement — final institutional style ========================================================= */ .jdhab-privacy { --pv-blue: #0B3659; --pv-blue-dark: #0B243B; --pv-ink: #24313E; --pv-muted: #5E6870; --pv-accent: #6C7468; --pv-line: #E2DFD8; --pv-line-strong: #C9CEC5; --pv-paper: #FCFBF8; --pv-white: #FFFFFF; max-width: 980px; margin: 0 auto; padding: 10px 0 56px; color: var(--pv-ink); font-family: Arial, Helvetica, sans-serif; } .jdhab-privacy *, .jdhab-privacy *::before, .jdhab-privacy *::after { box-sizing: border-box; } .jdhab-privacy h1, .jdhab-privacy h2, .jdhab-privacy h3 { color: var(--pv-blue); letter-spacing: -0.02em; } .jdhab-privacy p, .jdhab-privacy li { color: #33404A; font-size: 15px; line-height: 1.72; } /* HERO --------------------------------------------------------- */ .jdhab-privacy__hero { margin: 18px 0 26px; padding: 38px 46px 36px; background: var(--pv-paper); color: var(--pv-ink); border: 1px solid var(--pv-line); border-left: 3px solid var(--pv-accent); border-radius: 0; box-shadow: none; position: relative; overflow: visible; } .jdhab-privacy__hero::after { display: none !important; content: none !important; } .jdhab-privacy__kicker { display: block; margin: 0 0 10px; padding: 0; border: 0; border-radius: 0; color: var(--pv-accent); font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; } .jdhab-privacy__hero h1 { margin: 0 0 12px !important; color: var(--pv-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; font-weight: 700; } .jdhab-privacy__hero p { max-width: 850px; margin: 0 !important; color: #33404A; font-size: 16px; line-height: 1.72; } /* INTRODUCTION --------------------------------------------------------- */ .jdhab-privacy__intro { margin: 0 0 30px; padding: 0 0 24px; background: transparent; border: 0; border-left: 0; border-bottom: 1px solid var(--pv-line); border-radius: 0; box-shadow: none; } .jdhab-privacy__intro p { margin: 0 0 12px !important; } .jdhab-privacy__intro p:last-child { margin-bottom: 0 !important; } /* MAIN SECTIONS --------------------------------------------------------- */ .jdhab-privacy__section { margin: 0; padding: 28px 0 30px; background: transparent; border: 0; border-bottom: 1px solid var(--pv-line); border-radius: 0; box-shadow: none; } .jdhab-privacy__section > h2, .jdhab-privacy__final > h2 { margin: 0 0 18px !important; padding: 0 0 10px; border-bottom: 1px solid var(--pv-line); color: var(--pv-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 26px; line-height: 1.2; font-weight: 700; } /* PRIVACY PRINCIPLES --------------------------------------------------------- */ .jdhab-privacy__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 0; } .jdhab-privacy__quickcard { min-height: 100%; padding: 20px 20px 22px; background: var(--pv-paper); border: 1px solid var(--pv-line); border-left: 3px solid var(--pv-accent); border-radius: 0; box-shadow: none; color: var(--pv-accent); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: 0.12em; transition: none; } .jdhab-privacy__quickcard h3 { margin: 10px 0 9px !important; color: var(--pv-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; } .jdhab-privacy__quickcard p { margin: 0 !important; color: #33404A; font-size: 14px; line-height: 1.62; font-weight: 400; letter-spacing: normal; } /* DETAILED CONTENT --------------------------------------------------------- */ .jdhab-privacy__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 4px; } .jdhab-privacy__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-privacy__grid > .jdhab-privacy-card { padding: 22px 24px 24px; background: transparent; border: 0; border-left: 1px solid var(--pv-line); border-radius: 0; box-shadow: none; transition: none; } .jdhab-privacy__grid > .jdhab-privacy-card:first-child { padding-left: 0; border-left: 0; } .jdhab-privacy__grid > .jdhab-privacy-card:last-child { padding-right: 0; } .jdhab-privacy-card--lead { border-top: 0; } .jdhab-privacy-card h3 { margin: 0 0 10px !important; color: var(--pv-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.28; } .jdhab-privacy-card p { margin: 0 !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } /* LINKS --------------------------------------------------------- */ .jdhab-privacy a { color: var(--pv-blue); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--pv-line-strong); } .jdhab-privacy a:hover, .jdhab-privacy a:focus { color: var(--pv-blue-dark); text-decoration: none; border-bottom-color: var(--pv-blue); } /* REMOVE OLD CARD EFFECTS --------------------------------------------------------- */ .jdhab-privacy__quickcard:hover, .jdhab-privacy__quickcard:focus-within, .jdhab-privacy-card:hover, .jdhab-privacy-card:focus-within { background: inherit; box-shadow: none; transform: none; border-top-color: inherit; } /* FINAL INSTITUTIONAL STATEMENT --------------------------------------------------------- */ .jdhab-privacy__final { margin: 30px 0 0; padding: 24px 28px 26px; background: var(--pv-paper); border: 1px solid var(--pv-line-strong); border-top: 2px solid var(--pv-accent); border-radius: 0; box-shadow: none; position: relative; overflow: visible; } .jdhab-privacy__final::after { display: none !important; content: none !important; } .jdhab-privacy__final h2 { margin-bottom: 12px !important; color: var(--pv-blue); font-size: 23px; } .jdhab-privacy__final p { margin: 0 !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } /* RESPONSIVE --------------------------------------------------------- */ @media (max-width: 900px) { .jdhab-privacy__grid:not(.jdhab-privacy__grid--two) { grid-template-columns: 1fr; } .jdhab-privacy__grid:not(.jdhab-privacy__grid--two) > .jdhab-privacy-card { padding: 18px 0 19px; border-left: 0; border-bottom: 1px solid var(--pv-line); } .jdhab-privacy__grid:not(.jdhab-privacy__grid--two) > .jdhab-privacy-card:last-child { border-bottom: 0; } } @media (max-width: 700px) { .jdhab-privacy { max-width: 100%; padding: 0 8px 36px; } .jdhab-privacy__hero { margin: 12px 0 20px; padding: 26px 20px 24px; } .jdhab-privacy__hero h1 { font-size: 28px; } .jdhab-privacy__intro { margin-bottom: 20px; padding-bottom: 18px; } .jdhab-privacy__section { padding: 22px 0 24px; } .jdhab-privacy__section > h2, .jdhab-privacy__final > h2 { font-size: 22px; } .jdhab-privacy__quickgrid, .jdhab-privacy__grid, .jdhab-privacy__grid--two { grid-template-columns: 1fr; } .jdhab-privacy__quickcard { padding: 17px 16px 18px; } .jdhab-privacy__grid > .jdhab-privacy-card, .jdhab-privacy__grid--two > .jdhab-privacy-card, .jdhab-privacy__grid--two > .jdhab-privacy-card:nth-child(even) { padding: 18px 0 19px; border-left: 0; border-bottom: 1px solid var(--pv-line); } .jdhab-privacy__grid > .jdhab-privacy-card:last-child, .jdhab-privacy__grid--two > .jdhab-privacy-card:last-child { border-bottom: 0; } .jdhab-privacy-card h3, .jdhab-privacy__quickcard h3 { font-size: 17px; } .jdhab-privacy p, .jdhab-privacy-card p, .jdhab-privacy__quickcard p { font-size: 13px; line-height: 1.62; } .jdhab-privacy__final { margin-top: 24px; padding: 21px 18px 22px; } } /* Privacy — final vertical refinement */ .jdhab-privacy { margin-top: -14px; } /* ========================================================= JDHAB — ARCHIVING Editorial refinement / final visual language ========================================================= */ .jdhab-archiving { max-width: 980px; margin: -14px auto 0; padding: 10px 0 54px; color: #2f3a45; font-family: Arial, Helvetica, sans-serif; } /* --------------------------------------------------------- HERO --------------------------------------------------------- */ .jdhab-archiving__hero { background: #fbfaf7; color: #2f3a45; padding: 34px 46px; margin: 12px 0 28px; border: 1px solid #dedbd2; border-left: 3px solid #6C7468; border-radius: 0; box-shadow: none; position: relative; overflow: visible; } .jdhab-archiving__hero::after { display: none !important; content: none !important; } .jdhab-archiving__kicker { display: block; margin: 0 0 11px; padding: 0; border: 0; border-radius: 0; color: #626a60; font-size: 11px; line-height: 1.3; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; } .jdhab-archiving__hero h1 { color: #123A5D; font-size: 36px; line-height: 1.12; margin: 0 0 12px; } .jdhab-archiving__hero p { max-width: 850px; margin: 0; color: #4d5963; font-size: 15.5px; line-height: 1.7; } /* --------------------------------------------------------- INTRO --------------------------------------------------------- */ .jdhab-archiving__intro { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0 0 30px; padding: 0 0 28px; border-bottom: 1px solid #dedbd2; } .jdhab-archiving__intro p { margin: 0 0 13px; } .jdhab-archiving__intro p:last-child { margin-bottom: 0; } /* --------------------------------------------------------- SECTIONS --------------------------------------------------------- */ .jdhab-archiving__section { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 28px 0 30px; border-bottom: 1px solid #dedbd2; } .jdhab-archiving__section h2 { margin: 0 0 18px; padding: 0 0 10px; color: #123A5D; font-size: 26px; line-height: 1.2; border-bottom: 1px solid #dedbd2; } /* --------------------------------------------------------- GRIDS --------------------------------------------------------- */ .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two { display: grid; gap: 0; margin-top: 0; } .jdhab-archiving__quickgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jdhab-archiving__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* --------------------------------------------------------- PRESERVATION PRINCIPLES --------------------------------------------------------- */ .jdhab-archiving__quickcard { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 20px 26px 22px; min-height: 0; border-bottom: 1px solid #e2dfd7; } .jdhab-archiving__quickcard:nth-child(odd) { padding-left: 0; border-right: 1px solid #e2dfd7; } .jdhab-archiving__quickcard:nth-child(even) { padding-right: 0; padding-left: 32px; } .jdhab-archiving__quickcard:nth-last-child(-n/**/+2) { border-bottom: 0; } .jdhab-archiving__quickcard:hover { transform: none !important; box-shadow: none !important; } .jdhab-archiving__quickcard h3 { color: #123A5D; margin: 8px 0 10px; font-size: 18px; line-height: 1.3; } .jdhab-archiving__quickcard p { margin: 0; font-size: 14.5px; line-height: 1.7; } /* numbers 01 02 03 04 */ .jdhab-archiving__quickcard { color: #626a60; font-size: 11px; font-weight: 700; letter-spacing: .08em; } /* --------------------------------------------------------- CONTENT CARDS → EDITORIAL OPEN LAYOUT --------------------------------------------------------- */ .jdhab-archiving-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 20px 26px; min-height: 0; } .jdhab-archiving__grid--two .jdhab-archiving-card:first-child { padding-left: 0; border-right: 1px solid #e2dfd7; } .jdhab-archiving__grid--two .jdhab-archiving-card:last-child { padding-right: 0; padding-left: 32px; } .jdhab-archiving__grid:not(.jdhab-archiving__grid--two) .jdhab-archiving-card { padding-left: 0; padding-right: 0; } .jdhab-archiving-card:hover { transform: none !important; box-shadow: none !important; border-top-color: transparent !important; } .jdhab-archiving-card--lead { border-top: 0 !important; } .jdhab-archiving-card h3 { margin: 0 0 12px; color: #123A5D; font-size: 19px; line-height: 1.3; } .jdhab-archiving-card p { margin: 0 0 14px; color: #36424d; font-size: 14.5px; line-height: 1.72; } .jdhab-archiving-card p:last-child { margin-bottom: 0; } /* --------------------------------------------------------- TAGS --------------------------------------------------------- */ .jdhab-archiving__tags { margin-top: 18px; padding-top: 11px; border-top: 1px solid #dedbd2; color: #626a60; font-size: 12px; line-height: 1.55; font-weight: 600; letter-spacing: .01em; } /* --------------------------------------------------------- FINAL COMMITMENT --------------------------------------------------------- */ .jdhab-archiving__final { background: #fbfaf7; color: #2f3a45; margin: 32px 0 0; padding: 26px 32px; border: 1px solid #dedbd2; border-top: 2px solid #6C7468; border-radius: 0; box-shadow: none; position: relative; overflow: visible; } .jdhab-archiving__final::after { display: none !important; content: none !important; } .jdhab-archiving__final h2 { color: #123A5D; margin: 0 0 13px; padding: 0 0 10px; font-size: 23px; line-height: 1.25; border-bottom: 1px solid #dedbd2; } .jdhab-archiving__final p { color: #36424d; margin: 0; font-size: 14.5px; line-height: 1.7; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 900px) { .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two { grid-template-columns: 1fr; } .jdhab-archiving__quickcard, .jdhab-archiving__quickcard:nth-child(odd), .jdhab-archiving__quickcard:nth-child(even), .jdhab-archiving__grid--two .jdhab-archiving-card:first-child, .jdhab-archiving__grid--two .jdhab-archiving-card:last-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid #e2dfd7; } .jdhab-archiving__quickcard:last-child, .jdhab-archiving__grid--two .jdhab-archiving-card:last-child { border-bottom: 0; } } @media (max-width: 768px) { .jdhab-archiving { margin-top: 0; padding: 0 8px 34px; } .jdhab-archiving__hero { padding: 24px 20px; margin: 12px 0 24px; } .jdhab-archiving__hero h1 { font-size: 27px; } .jdhab-archiving__hero p { font-size: 13.8px; line-height: 1.65; } .jdhab-archiving__section { padding: 24px 0; } .jdhab-archiving__section h2 { font-size: 21px; } .jdhab-archiving__final { padding: 22px 18px; } .jdhab-archiving__final h2 { font-size: 20px; } } /* ========================================================= JDHAB — Publication Ethics ETAPA 3E.9 Scoped CSS: affects only .jdhab-ethics Visual system: institutional / editorial / restrained ========================================================= */ .jdhab-ethics { --eth-blue: #0B3659; --eth-blue-dark: #0B243B; --eth-ink: #24313E; --eth-muted: #5E6870; --eth-accent: #6C7468; --eth-line: #E2DFD8; --eth-line-strong: #C9CEC5; --eth-paper: #FCFBF8; --eth-white: #FFFFFF; max-width: 980px; margin: -14px auto 0; padding: 10px 0 56px; color: var(--eth-ink); font-family: Arial, Helvetica, sans-serif; } .jdhab-ethics *, .jdhab-ethics *::before, .jdhab-ethics *::after { box-sizing: border-box; } .jdhab-ethics h1, .jdhab-ethics h2, .jdhab-ethics h3 { color: var(--eth-blue); letter-spacing: -0.02em; } .jdhab-ethics p, .jdhab-ethics li { color: #33404A; font-size: 15px; line-height: 1.72; } /* ========================================================= HERO ========================================================= */ .jdhab-ethics__hero { position: relative; overflow: visible; margin: 12px 0 26px; padding: 36px 46px 34px; background: var(--eth-paper); background-image: none; border: 1px solid var(--eth-line); border-left: 3px solid var(--eth-accent); border-radius: 0; box-shadow: none; color: var(--eth-ink); } .jdhab-ethics__hero::after { display: none !important; content: none !important; } .jdhab-ethics__kicker { display: block; margin: 0 0 10px; padding: 0; background: transparent; border: 0; border-radius: 0; color: var(--eth-accent); font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .jdhab-ethics__hero h1 { margin: 0 0 12px !important; color: var(--eth-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; font-weight: 700; } .jdhab-ethics__hero p { max-width: 850px; margin: 0 !important; color: #33404A; font-size: 16px; line-height: 1.72; } /* ========================================================= INTRODUCTION ========================================================= */ .jdhab-ethics__intro { margin: 0 0 30px; padding: 0 0 24px; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--eth-line); border-radius: 0; box-shadow: none; } .jdhab-ethics__intro p { margin: 0 0 12px !important; } .jdhab-ethics__intro p:last-child { margin-bottom: 0 !important; } /* ========================================================= SECTIONS ========================================================= */ .jdhab-ethics__section { margin: 0; padding: 28px 0 30px; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--eth-line); border-radius: 0; box-shadow: none; } .jdhab-ethics__section > h2, .jdhab-ethics__final > h2 { margin: 0 0 18px !important; padding: 0 0 10px; border-bottom: 1px solid var(--eth-line); color: var(--eth-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 26px; line-height: 1.2; font-weight: 700; } /* ========================================================= ETHICAL FRAMEWORK 01–04 ========================================================= */ .jdhab-ethics__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 0; } .jdhab-ethics__quickcard { min-height: 100%; padding: 20px 20px 22px; background: var(--eth-paper); background-image: none; border: 1px solid var(--eth-line); border-left: 3px solid var(--eth-accent); border-radius: 0; box-shadow: none; transform: none; color: var(--eth-accent); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .12em; transition: none; } .jdhab-ethics__quickcard h3 { margin: 10px 0 9px !important; color: var(--eth-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; font-weight: 700; } .jdhab-ethics__quickcard p { margin: 0 !important; color: #33404A; font-size: 14px; line-height: 1.62; font-weight: 400; letter-spacing: normal; } /* ========================================================= GENERAL CONTENT GRIDS Editorial open layout ========================================================= */ .jdhab-ethics__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 4px; } .jdhab-ethics__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* One-item sections should remain open and full width */ .jdhab-ethics__grid > .jdhab-ethics-card:only-child { grid-column: 1 / -1; padding: 4px 0 2px; border: 0 !important; } /* Standard two-column editorial structure */ .jdhab-ethics__grid > .jdhab-ethics-card { min-height: 0; margin: 0; padding: 22px 28px 24px 0; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--eth-line); border-radius: 0; box-shadow: none; transform: none; transition: none; } .jdhab-ethics__grid > .jdhab-ethics-card:nth-child(even) { padding-left: 28px; padding-right: 0; border-left: 1px solid var(--eth-line); } .jdhab-ethics__grid > .jdhab-ethics-card:nth-last-child(-n/**/+2) { border-bottom: 0; } /* Three-card sections: Editorial Independence + Originality/Image/Misconduct become a restrained three-column row */ .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card { padding: 20px 24px 22px; border: 0; border-left: 1px solid var(--eth-line); } .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:first-child { padding-left: 0; border-left: 0; } .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:last-child { padding-right: 0; } /* Content titles */ .jdhab-ethics-card h3 { margin: 0 0 10px !important; color: var(--eth-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.28; font-weight: 700; } .jdhab-ethics-card p { margin: 0 0 13px !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } .jdhab-ethics-card p:last-child { margin-bottom: 0 !important; } /* ========================================================= TAGS / REFERENCE STRIPS ========================================================= */ .jdhab-ethics__tags { margin-top: 17px; padding-top: 10px; border-top: 1px solid var(--eth-line); color: var(--eth-accent); font-size: 11.5px; line-height: 1.55; font-weight: 700; letter-spacing: .02em; } /* ========================================================= SPECIAL EMPHASIS: Artificial Intelligence Keep content open; no tech-looking special treatment ========================================================= */ .jdhab-ethics__section:has(> h2:first-child:nth-last-child(n/**/+1)) { box-shadow: none; } .jdhab-ethics__section h2 + .jdhab-ethics__grid { margin-top: 2px; } /* ========================================================= REMOVE LEGACY INTERACTION / CARD EFFECTS ========================================================= */ .jdhab-ethics__quickcard:hover, .jdhab-ethics__quickcard:focus-within, .jdhab-ethics-card:hover, .jdhab-ethics-card:focus-within { background: inherit !important; box-shadow: none !important; transform: none !important; border-top-color: inherit !important; } /* ========================================================= LINKS ========================================================= */ .jdhab-ethics a { color: var(--eth-blue); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--eth-line-strong); } .jdhab-ethics a:hover, .jdhab-ethics a:focus { color: var(--eth-blue-dark); text-decoration: none; border-bottom-color: var(--eth-blue); } /* ========================================================= FINAL COMMITMENT ========================================================= */ .jdhab-ethics__final { position: relative; overflow: visible; margin: 30px 0 0; padding: 26px 30px 28px; background: var(--eth-paper); background-image: none; border: 1px solid var(--eth-line-strong); border-top: 2px solid var(--eth-accent); border-radius: 0; box-shadow: none; color: var(--eth-ink); } .jdhab-ethics__final::after { display: none !important; content: none !important; } .jdhab-ethics__final h2 { margin-bottom: 12px !important; color: var(--eth-blue); font-size: 23px; } .jdhab-ethics__final p { margin: 0 !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) { grid-template-columns: 1fr; } .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card, .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:first-child, .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:last-child { padding: 18px 0 20px; border-left: 0; border-bottom: 1px solid var(--eth-line); } .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:last-child { border-bottom: 0; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .jdhab-ethics { max-width: 100%; margin-top: 0; padding: 0 8px 36px; } .jdhab-ethics__hero { margin: 12px 0 20px; padding: 26px 20px 24px; } .jdhab-ethics__hero h1 { font-size: 28px; } .jdhab-ethics__hero p { font-size: 14px; line-height: 1.65; } .jdhab-ethics__intro { margin-bottom: 20px; padding-bottom: 18px; } .jdhab-ethics__section { padding: 22px 0 24px; } .jdhab-ethics__section > h2, .jdhab-ethics__final > h2 { font-size: 22px; } .jdhab-ethics__quickgrid, .jdhab-ethics__grid, .jdhab-ethics__grid--two, .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) { grid-template-columns: 1fr; } .jdhab-ethics__quickcard { padding: 17px 16px 18px; } .jdhab-ethics__grid > .jdhab-ethics-card, .jdhab-ethics__grid > .jdhab-ethics-card:nth-child(even), .jdhab-ethics__grid > .jdhab-ethics-card:only-child, .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card { grid-column: auto; padding: 18px 0 19px; border-left: 0 !important; border-bottom: 1px solid var(--eth-line) !important; } .jdhab-ethics__grid > .jdhab-ethics-card:last-child, .jdhab-ethics__grid:has(> .jdhab-ethics-card:nth-child(3):last-child) > .jdhab-ethics-card:last-child { border-bottom: 0 !important; } .jdhab-ethics-card h3, .jdhab-ethics__quickcard h3 { font-size: 17px; } .jdhab-ethics p, .jdhab-ethics-card p, .jdhab-ethics__quickcard p { font-size: 13px; line-height: 1.62; } .jdhab-ethics__final { margin-top: 24px; padding: 22px 18px 24px; } } /* ========================================================= JDHAB — Funding ETAPA 3E.10 Scoped CSS: affects only .jdhab-funding ========================================================= */ .jdhab-funding { --fund-blue: #0B3659; --fund-blue-dark: #0B243B; --fund-ink: #24313E; --fund-muted: #5E6870; --fund-accent: #6C7468; --fund-line: #E2DFD8; --fund-line-strong: #C9CEC5; --fund-paper: #FCFBF8; --fund-white: #FFFFFF; max-width: 980px; margin: -14px auto 0; padding: 10px 0 56px; color: var(--fund-ink); font-family: Arial, Helvetica, sans-serif; } .jdhab-funding *, .jdhab-funding *::before, .jdhab-funding *::after { box-sizing: border-box; } .jdhab-funding h1, .jdhab-funding h2, .jdhab-funding h3 { color: var(--fund-blue); letter-spacing: -0.02em; } .jdhab-funding p, .jdhab-funding li { color: #33404A; font-size: 15px; line-height: 1.72; } /* ========================================================= HERO ========================================================= */ .jdhab-funding__hero { position: relative; overflow: visible; margin: 12px 0 26px; padding: 36px 46px 34px; background: var(--fund-paper); background-image: none; border: 1px solid var(--fund-line); border-left: 3px solid var(--fund-accent); border-radius: 0; box-shadow: none; color: var(--fund-ink); } .jdhab-funding__hero::after { display: none !important; content: none !important; } .jdhab-funding__kicker { display: block; margin: 0 0 10px; padding: 0; background: transparent; border: 0; border-radius: 0; color: var(--fund-accent); font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .jdhab-funding__hero h1 { margin: 0 0 12px !important; color: var(--fund-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; font-weight: 700; } .jdhab-funding__hero p { max-width: 850px; margin: 0 !important; color: #33404A; font-size: 16px; line-height: 1.72; } /* ========================================================= INTRODUCTION ========================================================= */ .jdhab-funding__intro { margin: 0 0 30px; padding: 0 0 24px; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--fund-line); border-radius: 0; box-shadow: none; } .jdhab-funding__intro p { margin: 0 0 12px !important; } .jdhab-funding__intro p:last-child { margin-bottom: 0 !important; } /* ========================================================= SECTIONS ========================================================= */ .jdhab-funding__section { margin: 0; padding: 28px 0 30px; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--fund-line); border-radius: 0; box-shadow: none; } .jdhab-funding__section > h2, .jdhab-funding__final > h2 { margin: 0 0 18px !important; padding: 0 0 10px; border-bottom: 1px solid var(--fund-line); color: var(--fund-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 26px; line-height: 1.2; font-weight: 700; } /* ========================================================= FUNDING PRINCIPLES 01–04 ========================================================= */ .jdhab-funding__quickgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 0; } .jdhab-funding__quickcard { min-height: 100%; padding: 20px 20px 22px; background: var(--fund-paper); background-image: none; border: 1px solid var(--fund-line); border-left: 3px solid var(--fund-accent); border-radius: 0; box-shadow: none; transform: none; color: var(--fund-accent); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .12em; transition: none; } .jdhab-funding__quickcard h3 { margin: 10px 0 9px !important; color: var(--fund-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.25; font-weight: 700; } .jdhab-funding__quickcard p { margin: 0 !important; color: #33404A; font-size: 14px; line-height: 1.62; font-weight: 400; letter-spacing: normal; } /* ========================================================= EDITORIAL CONTENT GRIDS ========================================================= */ .jdhab-funding__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 4px; } .jdhab-funding__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* Full-width one-item sections */ .jdhab-funding__grid > .jdhab-funding-card:only-child { grid-column: 1 / -1; padding: 4px 0 2px; border: 0 !important; } /* Default open 2-column editorial layout */ .jdhab-funding__grid > .jdhab-funding-card { min-height: 0; margin: 0; padding: 22px 28px 24px 0; background: transparent; background-image: none; border: 0; border-bottom: 1px solid var(--fund-line); border-radius: 0; box-shadow: none; transform: none; transition: none; } .jdhab-funding__grid > .jdhab-funding-card:nth-child(even) { padding-left: 28px; padding-right: 0; border-left: 1px solid var(--fund-line); } .jdhab-funding__grid > .jdhab-funding-card:nth-last-child(-n/**/+2) { border-bottom: 0; } /* Content titles */ .jdhab-funding-card h3 { margin: 0 0 10px !important; color: var(--fund-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.28; font-weight: 700; } .jdhab-funding-card p { margin: 0 0 13px !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } .jdhab-funding-card p:last-child { margin-bottom: 0 !important; } /* ========================================================= TAGS ========================================================= */ .jdhab-funding__tags { margin-top: 17px; padding-top: 10px; border-top: 1px solid var(--fund-line); color: var(--fund-accent); font-size: 11.5px; line-height: 1.55; font-weight: 700; letter-spacing: .02em; } /* ========================================================= LINKS ========================================================= */ .jdhab-funding a { color: var(--fund-blue); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--fund-line-strong); } .jdhab-funding a:hover, .jdhab-funding a:focus { color: var(--fund-blue-dark); text-decoration: none; border-bottom-color: var(--fund-blue); } /* ========================================================= REMOVE LEGACY EFFECTS ========================================================= */ .jdhab-funding__quickcard:hover, .jdhab-funding__quickcard:focus-within, .jdhab-funding-card:hover, .jdhab-funding-card:focus-within { background: inherit !important; box-shadow: none !important; transform: none !important; border-top-color: inherit !important; } /* ========================================================= FINAL COMMITMENT ========================================================= */ .jdhab-funding__final { position: relative; overflow: visible; margin: 30px 0 0; padding: 26px 30px 28px; background: var(--fund-paper); background-image: none; border: 1px solid var(--fund-line-strong); border-top: 2px solid var(--fund-accent); border-radius: 0; box-shadow: none; color: var(--fund-ink); } .jdhab-funding__final::after { display: none !important; content: none !important; } .jdhab-funding__final h2 { margin-bottom: 12px !important; color: var(--fund-blue); font-size: 23px; } .jdhab-funding__final p { margin: 0 0 10px !important; color: #33404A; font-size: 14.5px; line-height: 1.70; } .jdhab-funding__final p:last-child { margin-bottom: 0 !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 900px) { .jdhab-funding__grid, .jdhab-funding__grid--two { grid-template-columns: 1fr; } .jdhab-funding__grid > .jdhab-funding-card, .jdhab-funding__grid > .jdhab-funding-card:nth-child(even), .jdhab-funding__grid > .jdhab-funding-card:only-child { grid-column: auto; padding: 18px 0 20px; border-left: 0 !important; border-bottom: 1px solid var(--fund-line) !important; } .jdhab-funding__grid > .jdhab-funding-card:last-child { border-bottom: 0 !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .jdhab-funding { max-width: 100%; margin-top: 0; padding: 0 8px 36px; } .jdhab-funding__hero { margin: 12px 0 20px; padding: 26px 20px 24px; } .jdhab-funding__hero h1 { font-size: 28px; } .jdhab-funding__hero p { font-size: 14px; line-height: 1.65; } .jdhab-funding__intro { margin-bottom: 20px; padding-bottom: 18px; } .jdhab-funding__section { padding: 22px 0 24px; } .jdhab-funding__section > h2, .jdhab-funding__final > h2 { font-size: 22px; } .jdhab-funding__quickgrid, .jdhab-funding__grid, .jdhab-funding__grid--two { grid-template-columns: 1fr; } .jdhab-funding__quickcard { padding: 17px 16px 18px; } .jdhab-funding__grid > .jdhab-funding-card, .jdhab-funding__grid > .jdhab-funding-card:nth-child(even), .jdhab-funding__grid > .jdhab-funding-card:only-child { padding: 18px 0 19px; border-left: 0 !important; border-bottom: 1px solid var(--fund-line) !important; } .jdhab-funding__grid > .jdhab-funding-card:last-child { border-bottom: 0 !important; } .jdhab-funding-card h3, .jdhab-funding__quickcard h3 { font-size: 17px; } .jdhab-funding p, .jdhab-funding-card p, .jdhab-funding__quickcard p { font-size: 13px; line-height: 1.62; } .jdhab-funding__final { margin-top: 24px; padding: 22px 18px 24px; } } /* ========================================================= JDHAB — Contact ETAPA 3E.11 Enxuto, institucional e funcional Escopo: somente .jdhab-contact ========================================================= */ .jdhab-contact { --ct-blue: #0B3659; --ct-ink: #33404A; --ct-accent: #6C7468; --ct-line: #E2DFD8; --ct-line-strong: #C9CEC5; --ct-paper: #FCFBF8; max-width: 980px; margin: -14px auto 0; padding: 10px 0 54px; font-family: Arial, Helvetica, sans-serif; color: var(--ct-ink); } .jdhab-contact *, .jdhab-contact *::before, .jdhab-contact *::after { box-sizing: border-box; } .jdhab-contact h1, .jdhab-contact h2, .jdhab-contact h3 { color: var(--ct-blue); } .jdhab-contact p { color: var(--ct-ink); font-size: 14.5px; line-height: 1.7; } /* HERO */ .jdhab-contact__hero { margin: 12px 0 26px; padding: 34px 44px 32px; background: var(--ct-paper); border: 1px solid var(--ct-line); border-left: 3px solid var(--ct-accent); border-radius: 0; box-shadow: none; } .jdhab-contact__kicker { margin-bottom: 10px; color: var(--ct-accent); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .jdhab-contact__hero h1 { margin: 0 0 12px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; } .jdhab-contact__hero p { max-width: 850px; margin: 0 !important; font-size: 16px; } /* INTRO */ .jdhab-contact__intro { margin: 0 0 28px; padding: 0 0 22px; border-bottom: 1px solid var(--ct-line); } .jdhab-contact__intro p { margin: 0 0 10px !important; } .jdhab-contact__intro p:last-child { margin-bottom: 0 !important; } /* SECTIONS */ .jdhab-contact__section { padding: 26px 0 28px; border-bottom: 1px solid var(--ct-line); } .jdhab-contact__section > h2, .jdhab-contact__final > h2 { margin: 0 0 18px !important; padding-bottom: 9px; border-bottom: 1px solid var(--ct-line); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 25px; line-height: 1.2; } /* GRIDS */ .jdhab-contact__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; } .jdhab-contact__grid > .jdhab-contact-card:only-child { grid-column: 1 / -1; padding: 3px 0; border: 0; } .jdhab-contact-card { padding: 18px 26px 20px 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .jdhab-contact-card:nth-child(even) { padding-left: 26px; padding-right: 0; border-left: 1px solid var(--ct-line); } .jdhab-contact-card h3 { margin: 0 0 9px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.3; } .jdhab-contact-card p { margin: 0 0 11px !important; } .jdhab-contact-card p:last-child { margin-bottom: 0 !important; } /* EMAILS / LINKS */ .jdhab-contact a { color: var(--ct-blue); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--ct-line-strong); } .jdhab-contact a:hover, .jdhab-contact a:focus { border-bottom-color: var(--ct-blue); } /* FINAL */ .jdhab-contact__final { margin-top: 28px; padding: 24px 28px 26px; background: var(--ct-paper); border: 1px solid var(--ct-line-strong); border-top: 2px solid var(--ct-accent); border-radius: 0; box-shadow: none; } .jdhab-contact__final h2 { margin-bottom: 11px !important; font-size: 22px; } .jdhab-contact__final p { margin: 0 0 9px !important; } .jdhab-contact__final p:last-child { margin-bottom: 0 !important; } /* RESPONSIVE */ @media (max-width: 700px) { .jdhab-contact { margin-top: 0; padding: 0 8px 34px; } .jdhab-contact__hero { padding: 25px 20px 23px; } .jdhab-contact__hero h1 { font-size: 28px; } .jdhab-contact__hero p { font-size: 14px; } .jdhab-contact__grid { grid-template-columns: 1fr; } .jdhab-contact-card, .jdhab-contact-card:nth-child(even), .jdhab-contact__grid > .jdhab-contact-card:only-child { grid-column: auto; padding: 17px 0 18px; border-left: 0; border-bottom: 1px solid var(--ct-line); } .jdhab-contact-card:last-child { border-bottom: 0; } .jdhab-contact__section > h2, .jdhab-contact__final > h2 { font-size: 21px; } .jdhab-contact p, .jdhab-contact-card p { font-size: 13px; line-height: 1.62; } .jdhab-contact__final { padding: 21px 18px 22px; } } /* ========================================================= JDHAB — CONTACT FINAL CLEAN VERSION ========================================================= */ .jdhab-contact { max-width: 980px; margin: -14px auto 0; padding: 10px 0 54px; color: #33404A; font-family: Arial, Helvetica, sans-serif; } .jdhab-contact *, .jdhab-contact *::before, .jdhab-contact *::after { box-sizing: border-box; } /* HERO */ .jdhab-contact__hero { position: relative !important; overflow: visible !important; margin: 12px 0 30px !important; padding: 36px 44px 34px !important; background: #FCFBF8 !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid #6C7468 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-contact__hero::after { display: none !important; content: none !important; } .jdhab-contact__kicker { display: block !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } .jdhab-contact__hero h1 { margin: 0 0 12px !important; color: #0B3659 !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 36px !important; line-height: 1.14 !important; } .jdhab-contact__hero p { max-width: 820px !important; margin: 0 !important; color: #4F5C65 !important; font-size: 15.5px !important; line-height: 1.7 !important; } /* OPEN CONTENT */ .jdhab-contact__content { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .jdhab-contact__lead { margin: 0 !important; padding: 0 0 24px; border-bottom: 1px solid #E2DFD8; color: #33404A; font-size: 15px; line-height: 1.7; } /* CONTACTS */ .jdhab-contact__contacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 28px 0 30px; border-bottom: 1px solid #E2DFD8; } .jdhab-contact__contact { margin: 0; padding: 0 32px 0 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } .jdhab-contact__contact + .jdhab-contact__contact { padding: 0 0 0 32px; border-left: 1px solid #E2DFD8; } .jdhab-contact__contact h2 { margin: 0 0 8px !important; color: #0B3659; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 20px; line-height: 1.3; } .jdhab-contact__contact p { margin: 0 0 10px !important; color: #33404A; font-size: 14.5px; line-height: 1.68; } .jdhab-contact__email { margin-bottom: 15px !important; } .jdhab-contact__email a { color: #0B3659; font-size: 15px; font-weight: 700; text-decoration: none; border-bottom: 1px solid #C9CEC5; } .jdhab-contact__email a:hover, .jdhab-contact__email a:focus { border-bottom-color: #0B3659; } /* RESPONSE */ .jdhab-contact__response { margin: 0; padding: 27px 0 26px; background: transparent; border: 0; border-bottom: 1px solid #E2DFD8; border-radius: 0; box-shadow: none; } .jdhab-contact__response h2 { margin: 0 0 9px !important; color: #0B3659; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 20px; line-height: 1.3; } .jdhab-contact__response p { max-width: 820px; margin: 0 !important; color: #33404A; font-size: 14.5px; line-height: 1.68; } /* LOCATION */ .jdhab-contact__location { margin-top: 22px; color: #5E6870; font-size: 13.5px; line-height: 1.65; } .jdhab-contact__location strong { color: #0B3659; font-weight: 700; } /* MOBILE */ @media (max-width: 700px) { .jdhab-contact { margin-top: 0; padding: 0 8px 34px; } .jdhab-contact__hero { padding: 25px 20px 23px !important; } .jdhab-contact__hero h1 { font-size: 28px !important; } .jdhab-contact__hero p { font-size: 14px !important; } .jdhab-contact__contacts { grid-template-columns: 1fr; padding: 20px 0; } .jdhab-contact__contact, .jdhab-contact__contact + .jdhab-contact__contact { padding: 17px 0; border-left: 0; } .jdhab-contact__contact + .jdhab-contact__contact { border-top: 1px solid #E2DFD8; } .jdhab-contact__contact h2, .jdhab-contact__response h2 { font-size: 18px; } .jdhab-contact__contact p, .jdhab-contact__response p, .jdhab-contact__lead { font-size: 13px; line-height: 1.62; } } /* ========================================================= JDHAB — Institutional Services ETAPA 3E.12 Institutional / scientific / restrained Scope: .jdhab-services-page ========================================================= */ .jdhab-services-page { --svc-blue: #0B3659; --svc-blue-dark: #0B243B; --svc-ink: #33404A; --svc-muted: #5E6870; --svc-accent: #6C7468; --svc-line: #E2DFD8; --svc-line-strong: #C9CEC5; --svc-paper: #FCFBF8; max-width: 980px; margin: -14px auto 0; padding: 10px 0 56px; color: var(--svc-ink); font-family: Arial, Helvetica, sans-serif; } .jdhab-services-page *, .jdhab-services-page *::before, .jdhab-services-page *::after { box-sizing: border-box; } .jdhab-services-page h1, .jdhab-services-page h2, .jdhab-services-page h3 { color: var(--svc-blue); } .jdhab-services-page p { color: var(--svc-ink); font-size: 14.5px; line-height: 1.70; } /* HERO */ .jdhab-services-hero { margin: 12px 0 26px; padding: 36px 46px 34px; background: var(--svc-paper) !important; background-image: none !important; border: 1px solid var(--svc-line); border-left: 3px solid var(--svc-accent); border-radius: 0 !important; box-shadow: none !important; } .jdhab-services-hero::after { display: none !important; content: none !important; } .jdhab-kicker { display: block; margin: 0 0 10px; padding: 0; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--svc-accent) !important; font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } .jdhab-services-hero h1 { margin: 0 0 12px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 36px; line-height: 1.14; font-weight: 700; } .jdhab-services-hero p { max-width: 850px; margin: 0 !important; color: #4D5963; font-size: 15.5px; line-height: 1.72; } /* INTRO */ .jdhab-services-intro { margin: 0 0 30px; padding: 0 0 24px; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--svc-line) !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-services-intro p { margin: 0 0 12px !important; } .jdhab-services-intro p:last-child { margin-bottom: 0 !important; } /* SECTIONS */ .jdhab-services-section { margin: 0; padding: 28px 0 30px; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--svc-line) !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-services-section > h2, .jdhab-services-final > h2 { margin: 0 0 18px !important; padding: 0 0 10px; border-bottom: 1px solid var(--svc-line); color: var(--svc-blue); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 26px; line-height: 1.2; font-weight: 700; } /* SERVICE GRID — 2 x 3 */ .jdhab-services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 0; } .jdhab-service-card { min-height: 100%; padding: 21px 22px 22px; background: var(--svc-paper) !important; background-image: none !important; border: 1px solid var(--svc-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; transition: none !important; } .jdhab-service-card:hover, .jdhab-service-card:focus-within { background: var(--svc-paper) !important; box-shadow: none !important; transform: none !important; } .jdhab-card-label { display: block; margin-bottom: 9px; color: var(--svc-accent); font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .12em; } .jdhab-service-card h3 { margin: 0 0 10px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.28; font-weight: 700; } .jdhab-service-card p { margin: 0 0 11px !important; font-size: 14px; line-height: 1.65; } .jdhab-service-card p:last-child { margin-bottom: 0 !important; } /* AXIS: distinct but not promotional */ .jdhab-service-card--axis { border-top: 2px solid var(--svc-accent) !important; } .jdhab-service-card__link { display: inline-block; margin-top: 6px; color: var(--svc-blue); font-size: 13px; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--svc-line-strong); } .jdhab-service-card__link:hover, .jdhab-service-card__link:focus { color: var(--svc-blue-dark); border-bottom-color: var(--svc-blue); } /* OPEN TWO-COLUMN POLICY BLOCK */ .jdhab-services-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 2px; } .jdhab-services-columns > div { padding: 18px 28px 18px 0; } .jdhab-services-columns > div + div { padding-left: 28px; padding-right: 0; border-left: 1px solid var(--svc-line); } .jdhab-services-columns h3, .jdhab-services-single h3 { margin: 0 0 9px !important; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.28; } .jdhab-services-columns p, .jdhab-services-single p { margin: 0 0 12px !important; font-size: 14.5px; line-height: 1.70; } .jdhab-services-columns p:last-child, .jdhab-services-single p:last-child { margin-bottom: 0 !important; } /* OPEN SINGLE-COLUMN SECTIONS */ .jdhab-services-single { max-width: 900px; margin: 0; padding: 2px 0 0; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* GENERAL LINKS */ .jdhab-services-page a { color: var(--svc-blue); font-weight: 700; text-decoration: none; } .jdhab-services-page a:not(.jdhab-service-card__link) { border-bottom: 1px solid var(--svc-line-strong); } .jdhab-services-page a:hover, .jdhab-services-page a:focus { color: var(--svc-blue-dark); border-bottom-color: var(--svc-blue); } /* FINAL */ .jdhab-services-final { margin: 30px 0 0; padding: 25px 28px 27px; background: var(--svc-paper) !important; background-image: none !important; border: 1px solid var(--svc-line-strong) !important; border-top: 2px solid var(--svc-accent) !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-services-final::after { display: none !important; content: none !important; } .jdhab-services-final h2 { margin-bottom: 11px !important; font-size: 22px; } .jdhab-services-final p { margin: 0 0 10px !important; font-size: 14.5px; line-height: 1.68; } .jdhab-services-final p:last-child { margin-bottom: 0 !important; } /* MOBILE */ @media (max-width: 700px) { .jdhab-services-page { margin-top: 0; padding: 0 8px 36px; } .jdhab-services-hero { margin: 12px 0 20px; padding: 25px 20px 23px; } .jdhab-services-hero h1 { font-size: 28px; } .jdhab-services-hero p { font-size: 14px; line-height: 1.65; } .jdhab-services-intro { margin-bottom: 20px; padding-bottom: 18px; } .jdhab-services-section { padding: 22px 0 24px; } .jdhab-services-section > h2, .jdhab-services-final > h2 { font-size: 21px; } .jdhab-services-grid, .jdhab-services-columns { grid-template-columns: 1fr; } .jdhab-service-card { padding: 18px 17px 19px; } .jdhab-services-columns > div, .jdhab-services-columns > div + div { padding: 17px 0; border-left: 0; border-bottom: 1px solid var(--svc-line); } .jdhab-services-columns > div:last-child { border-bottom: 0; } .jdhab-service-card h3, .jdhab-services-columns h3 { font-size: 17px; } .jdhab-services-page p { font-size: 13px; line-height: 1.62; } .jdhab-services-final { margin-top: 24px; padding: 21px 18px 22px; } } /* ========================================================= JDHAB — Institutional Services REFINEMENT 3E.12B Softer institutional separation from AXIS Append at the END of the current stylesheet ========================================================= */ /* Slightly calmer scale */ .jdhab-services-page { max-width: 980px; } .jdhab-services-hero { padding: 34px 44px 32px !important; margin-bottom: 28px !important; } .jdhab-services-hero h1 { font-size: 34px !important; } .jdhab-services-section { padding-top: 26px !important; padding-bottom: 28px !important; } .jdhab-services-section > h2 { font-size: 24px !important; margin-bottom: 16px !important; } /* Services: quieter, less commercial */ .jdhab-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } .jdhab-service-card { padding: 18px 20px 20px !important; background: #FFFFFF !important; border: 1px solid #E2DFD8 !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-service-card h3 { font-size: 17.5px !important; margin-bottom: 8px !important; } .jdhab-service-card p { font-size: 13.8px !important; line-height: 1.66 !important; } .jdhab-card-label { margin-bottom: 8px !important; color: #6C7468 !important; } /* With five services, make the final item intentionally full width */ .jdhab-services-grid > .jdhab-service-card:last-child { grid-column: 1 / -1; } .jdhab-services-grid > .jdhab-service-card:last-child p { max-width: 820px; } /* AXIS is no longer a service card */ .jdhab-service-card--axis { border-top: 1px solid #E2DFD8 !important; } /* Independent infrastructure note — secondary, not promotional */ .jdhab-services-external { margin: 0; padding: 2px 0 0; max-width: 900px; } .jdhab-services-external h3 { margin: 0 0 9px !important; color: #0B3659; font-family: Lora, Georgia, "Times New Roman", serif; font-size: 18px; line-height: 1.3; } .jdhab-services-external p { margin: 0 0 11px !important; color: #33404A; font-size: 14px; line-height: 1.68; } .jdhab-services-external p:last-child { margin-bottom: 0 !important; } .jdhab-services-external a { color: #0B3659; font-weight: 700; text-decoration: none; border-bottom: 1px solid #C9CEC5; } .jdhab-services-external a:hover, .jdhab-services-external a:focus { border-bottom-color: #0B3659; } /* Separation block: give it more air without making it a card */ .jdhab-services-columns > div { padding-top: 14px !important; padding-bottom: 14px !important; } .jdhab-services-columns h3 { font-size: 18px !important; } /* Final contact should not behave like a promotional callout */ .jdhab-services-final { padding: 23px 26px 24px !important; margin-top: 28px !important; } .jdhab-services-final h2 { font-size: 21px !important; } /* Responsive */ @media (max-width: 700px) { .jdhab-services-hero { padding: 24px 20px 22px !important; } .jdhab-services-hero h1 { font-size: 27px !important; } .jdhab-services-grid { grid-template-columns: 1fr !important; } .jdhab-services-grid > .jdhab-service-card:last-child { grid-column: auto; } .jdhab-service-card { padding: 17px 16px 18px !important; } } /* ========================================================= Institutional Services — corrigir numeração dos serviços Remove círculo legado ========================================================= */ .jdhab-services-page .jdhab-card-label { display: block !important; width: auto !important; height: auto !important; margin: 0 0 10px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #6C7468 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: .12em !important; align-items: initial !important; justify-content: initial !important; } /* ============================================================ JDHAB — ARTICLE LANDING PAGES ETAPA 3E.13 — GLOBAL SCHOLARLY REFINEMENT Applies to every public OJS article landing page. Append at the absolute END of the current stylesheet. ============================================================ */ body.pkp_page_article.pkp_op_view { --art-blue: #0B3659; --art-blue-dark: #0B243B; --art-ink: #2F3C47; --art-muted: #65717C; --art-accent: #6C7468; --art-line: #E2DFD8; --art-line-strong: #C9CEC5; --art-paper: #FCFBF8; --art-white: #FFFFFF; background: #FFFFFF !important; overflow-x: hidden !important; } /* ============================================================ PAGE CANVAS ============================================================ */ body.pkp_page_article.pkp_op_view .pkp_structure_content { width: calc(100% - 80px) !important; max-width: 1120px !important; margin: 0 auto !important; padding: 34px 0 0 !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .pkp_structure_main, body.pkp_page_article.pkp_op_view .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: 1080px !important; margin: 0 auto !important; padding: 0 0 60px !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .cmp_breadcrumbs { display: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details { display: block !important; width: 100% !important; max-width: 1080px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ============================================================ TITLE + SUBTITLE — ONE INSTITUTIONAL HERO ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { position: relative !important; overflow: visible !important; width: 100% !important; margin: 0 !important; padding: 36px 42px 16px !important; background: var(--art-paper) !important; background-image: none !important; border: 1px solid var(--art-line) !important; border-left: 3px solid var(--art-accent) !important; border-bottom: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: var(--art-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(1.95rem, 2.7vw, 2.55rem) !important; font-weight: 700 !important; line-height: 1.16 !important; letter-spacing: -.025em !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title::before { content: "PUBLISHED ARTICLE" !important; display: block !important; width: auto !important; margin: 0 0 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--art-accent) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title::after { display: none !important; content: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .subtitle { display: block !important; width: 100% !important; margin: 0 0 30px !important; padding: 0 42px 28px !important; background: var(--art-paper) !important; border: 1px solid var(--art-line) !important; border-top: 0 !important; border-left: 3px solid var(--art-accent) !important; border-radius: 0 !important; color: #52606B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15.5px !important; font-weight: 400 !important; line-height: 1.55 !important; } /* ============================================================ MAIN LAYOUT ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details > .row::before, body.pkp_page_article.pkp_op_view .obj_article_details > .row::after { display: none !important; content: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .row { display: grid !important; grid-template-columns: minmax(0, 1fr) 300px !important; grid-template-areas: "main sidebar" !important; gap: 34px !important; align-items: start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry { grid-area: main !important; float: none !important; clear: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 6px 0 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { grid-area: sidebar !important; align-self: start !important; float: none !important; clear: none !important; width: 300px !important; min-width: 0 !important; max-width: 300px !important; margin: 0 !important; padding: 24px 24px 26px !important; overflow: hidden !important; background: var(--art-paper) !important; border: 1px solid var(--art-line) !important; border-top: 2px solid var(--art-accent) !important; border-radius: 0 !important; box-shadow: none !important; } /* ============================================================ MAIN ARTICLE SECTIONS ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item { width: 100% !important; margin: 0 !important; padding: 26px 0 28px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--art-line) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item:first-child { padding-top: 2px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } /* Section headings */ body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .item > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .item > h2.label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .author_bios > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .references > .label { display: block !important; margin: 0 0 15px !important; padding: 0 0 8px !important; border-bottom: 1px solid var(--art-line) !important; color: var(--art-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: -.015em !important; text-transform: none !important; } /* ============================================================ AUTHORS ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .authors { margin: 0 !important; padding: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors > li { margin: 0 0 13px !important; padding: 0 0 13px !important; border-bottom: 1px solid #ECE9E3 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors > li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors .name { display: block !important; margin: 0 0 4px !important; color: var(--art-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.4 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .authors .affiliation, body.pkp_page_article.pkp_op_view .obj_article_details .authors .email, body.pkp_page_article.pkp_op_view .obj_article_details .authors .orcid { color: var(--art-muted) !important; font-size: 13px !important; line-height: 1.55 !important; } /* ============================================================ DOI + KEYWORDS ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .item.doi, body.pkp_page_article.pkp_op_view .obj_article_details .item.keywords { padding-top: 22px !important; padding-bottom: 22px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi .value, body.pkp_page_article.pkp_op_view .obj_article_details .item.keywords .value { display: block !important; color: var(--art-ink) !important; font-size: 14px !important; line-height: 1.65 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi a { display: inline !important; max-width: 100% !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--art-line-strong) !important; border-radius: 0 !important; color: var(--art-blue) !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.doi a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .item.doi a:focus { border-bottom-color: var(--art-blue) !important; } /* ============================================================ ABSTRACT ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract { margin: 28px 0 !important; padding: 25px 27px 27px !important; background: var(--art-paper) !important; border: 1px solid var(--art-line) !important; border-top: 2px solid var(--art-accent) !important; border-left: 1px solid var(--art-line) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract > .label { margin-bottom: 15px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract p { margin: 0 0 13px !important; color: var(--art-ink) !important; font-size: 15px !important; line-height: 1.76 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract p:last-child { margin-bottom: 0 !important; } /* ============================================================ AUTHOR BIOGRAPHIES ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .author_bios .sub_item { margin: 0 0 18px !important; padding: 0 0 18px !important; border-bottom: 1px solid #ECE9E3 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .author_bios .sub_item:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .author_bios p, body.pkp_page_article.pkp_op_view .obj_article_details .author_bios .value { color: var(--art-ink) !important; font-size: 14px !important; line-height: 1.7 !important; } /* ============================================================ REFERENCES — VANCOUVER-LIKE NUMBERED DISPLAY ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .references .value { counter-reset: jdhab-reference !important; color: var(--art-ink) !important; font-size: 13.5px !important; line-height: 1.67 !important; overflow-wrap: anywhere !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value > p { position: relative !important; counter-increment: jdhab-reference !important; margin: 0 0 14px !important; padding: 0 0 0 31px !important; text-indent: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value > p::before { content: counter(jdhab-reference) "." !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 24px !important; color: var(--art-accent) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.67 !important; text-align: right !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value > p:last-child { margin-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references a { color: var(--art-blue) !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px solid var(--art-line-strong) !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .references a:focus { border-bottom-color: var(--art-blue) !important; } /* ============================================================ SIDEBAR ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item { width: 100% !important; margin: 0 !important; padding: 18px 0 !important; overflow-wrap: anywhere !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--art-line) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item:first-child { padding-top: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details > .item:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item .label, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item h2:not(.pkp_screen_reader) { display: block !important; margin: 0 0 8px !important; color: var(--art-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .12em !important; text-transform: uppercase !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .value, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details p, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a { font-size: 12.8px !important; line-height: 1.6 !important; } /* Cover */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image { text-align: center !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image img, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image img { display: block !important; width: 100% !important; max-width: 188px !important; height: auto !important; margin: 0 auto !important; object-fit: contain !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 8px 20px rgba(11, 36, 59, .10) !important; } /* ============================================================ ARTICLE METRICS — REMOVE DASHBOARD FEEL ============================================================ */ body.pkp_page_article.pkp_op_view .jdhab-article-metrics { margin: 0 !important; padding: 18px 0 !important; background: transparent !important; border: 0 !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; margin: 9px 0 0 !important; } body.pkp_page_article.pkp_op_view .jdhab-metric-box { min-width: 0 !important; padding: 7px 12px !important; background: transparent !important; border: 0 !important; border-right: 1px solid var(--art-line) !important; border-radius: 0 !important; text-align: left !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .jdhab-metric-box:nth-child(even) { border-right: 0 !important; } body.pkp_page_article.pkp_op_view .jdhab-metric-number { color: var(--art-blue) !important; font-size: 17px !important; font-weight: 700 !important; } body.pkp_page_article.pkp_op_view .jdhab-metric-label { color: var(--art-muted) !important; font-size: 9.5px !important; letter-spacing: .04em !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-note { margin-top: 9px !important; color: var(--art-muted) !important; font-size: 10.5px !important; line-height: 1.5 !important; } /* ============================================================ PDF / HTML ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 34px !important; margin: 0 !important; padding: 7px 13px !important; background: #FFFFFF !important; border: 1px solid var(--art-blue) !important; border-radius: 2px !important; color: var(--art-blue) !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .04em !important; text-decoration: none !important; text-transform: uppercase !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link:hover, body.pkp_page_article.pkp_op_view .obj_article_details .obj_galley_link:focus, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .galleys_links a:focus { background: var(--art-blue) !important; color: #FFFFFF !important; text-decoration: none !important; } /* ============================================================ COPYRIGHT / LICENSE / CITATION ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a { color: var(--art-blue) !important; text-decoration: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a:hover, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details a:focus { text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.copyright img, body.pkp_page_article.pkp_op_view .obj_article_details img[src*="creativecommons"], body.pkp_page_article.pkp_op_view .obj_article_details img[alt*="Creative"], body.pkp_page_article.pkp_op_view .obj_article_details img[alt*="License"] { display: block !important; width: auto !important; max-width: 92px !important; height: auto !important; margin: 9px 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_article.pkp_op_view .obj_article_details .citation_display .value { padding: 11px 12px !important; background: #FFFFFF !important; border: 1px solid var(--art-line) !important; border-radius: 0 !important; color: var(--art-ink) !important; font-size: 11.8px !important; line-height: 1.6 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .citation_formats { overflow: hidden !important; border: 1px solid var(--art-line) !important; border-radius: 0 !important; } /* ============================================================ TABLET ============================================================ */ @media (max-width: 980px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { width: calc(100% - 40px) !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .row { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "main" "sidebar" !important; gap: 28px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry { padding-right: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { width: 100% !important; max-width: none !important; margin-top: 0 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .cover_image img, body.pkp_page_article.pkp_op_view .obj_article_details .entry_details .item.cover_image img { max-width: 190px !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 700px) { body.pkp_page_article.pkp_op_view .pkp_structure_content { width: 100% !important; max-width: none !important; padding: 16px 14px 0 !important; } body.pkp_page_article.pkp_op_view .pkp_structure_main, body.pkp_page_article.pkp_op_view .pkp_structure_main:first-child:last-child { width: 100% !important; max-width: none !important; padding: 0 0 38px !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { padding: 26px 20px 13px !important; font-size: 1.62rem !important; line-height: 1.2 !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .subtitle { margin-bottom: 22px !important; padding: 0 20px 21px !important; font-size: 13.5px !important; line-height: 1.5 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry > .item { padding: 22px 0 24px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .item > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .author_bios > .label, body.pkp_page_article.pkp_op_view .obj_article_details .main_entry .references > .label { font-size: 18px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract { margin: 23px 0 !important; padding: 21px 18px 22px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .item.abstract p { font-size: 13.5px !important; line-height: 1.68 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value { font-size: 12.8px !important; line-height: 1.62 !important; } body.pkp_page_article.pkp_op_view .obj_article_details .references .value > p { padding-left: 27px !important; } body.pkp_page_article.pkp_op_view .obj_article_details .entry_details { padding: 21px 18px 23px !important; } body.pkp_page_article.pkp_op_view .jdhab-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ============================================================ JDHAB — 3E.13A FIX: article hero title full width Removes legacy 940px title restriction ============================================================ */ body.pkp_page_article.pkp_op_view .obj_article_details > .page_title { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } body.pkp_page_article.pkp_op_view .obj_article_details > .subtitle { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } /* ============================================================ JDHAB — MOBILE ONLY PATCH v1 IMPORTANT: - Append to the CURRENT working stylesheet. - Does not alter desktop. - Does not replace existing tablet/desktop architecture. - Purpose: refine the phone experience only. ============================================================ */ @media (max-width: 767px) { :root { --jdhab-mobile-blue: #123A5D; --jdhab-mobile-blue-deep: #0F2A44; --jdhab-mobile-paper: #FCFBF8; --jdhab-mobile-olive: #72786E; --jdhab-mobile-line: #DDDAD3; --jdhab-mobile-cool-line: #E4E8EB; --jdhab-mobile-ink: #2F3A45; --jdhab-mobile-muted: #68727A; } /* ---------------------------------------------------------- HEADER ---------------------------------------------------------- */ /* ---------------------------------------------------------- HAMBURGER / DRAWER ---------------------------------------------------------- */ /* ---------------------------------------------------------- GLOBAL PHONE CANVAS ---------------------------------------------------------- */ html, body, .pkp_structure_page, .pkp_structure_content, .pkp_structure_main { max-width: 100% !important; overflow-x: hidden !important; } .pkp_structure_main { box-sizing: border-box !important; } /* ---------------------------------------------------------- CURRENT ISSUE — REMOVE OLD DARK MOBILE CARD LOOK ---------------------------------------------------------- */ .pkp_page_index .current_issue, .pkp_op_index .current_issue { width: 100% !important; max-width: none !important; margin: 0 auto 34px !important; padding: 0 18px !important; box-sizing: border-box !important; } .pkp_page_index .current_issue > h2, .pkp_op_index .current_issue > h2 { display: block !important; width: 100% !important; min-height: 0 !important; margin: 18px 0 0 !important; padding: 26px 22px 13px !important; box-sizing: border-box !important; background: var(--jdhab-mobile-paper) !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-line) !important; border-left: 3px solid var(--jdhab-mobile-olive) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-mobile-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 2rem !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -.02em !important; text-align: left !important; } .pkp_page_index .current_issue > h2::before, .pkp_op_index .current_issue > h2::before { content: "LATEST ISSUE" !important; display: block !important; margin: 0 0 12px !important; padding: 0 !important; color: var(--jdhab-mobile-olive) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .17em !important; text-transform: uppercase !important; background: transparent !important; border: 0 !important; } .pkp_page_index .current_issue > h2::after, .pkp_op_index .current_issue > h2::after { display: none !important; content: none !important; } .pkp_page_index .current_issue_title, .pkp_op_index .current_issue_title { display: block !important; width: 100% !important; margin: 0 0 24px !important; padding: 0 22px 24px !important; box-sizing: border-box !important; background: var(--jdhab-mobile-paper) !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mobile-line) !important; border-left: 3px solid var(--jdhab-mobile-olive) !important; border-radius: 0 !important; color: var(--jdhab-mobile-muted) !important; font-size: .94rem !important; font-weight: 600 !important; line-height: 1.45 !important; text-align: left !important; } /* Remove old card geometry around issue cover/info */ .pkp_page_index .current_issue .obj_issue_summary, .pkp_op_index .current_issue .obj_issue_summary, .pkp_page_index .current_issue .issue_summary, .pkp_op_index .current_issue .issue_summary, .pkp_page_index .current_issue .obj_issue_toc > .heading, .pkp_op_index .current_issue .obj_issue_toc > .heading { display: block !important; width: 100% !important; margin: 0 0 28px !important; padding: 24px 0 !important; background: #fff !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-cool-line) !important; border-bottom: 1px solid var(--jdhab-mobile-cool-line) !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; } .pkp_page_index .current_issue .cover, .pkp_op_index .current_issue .cover, .pkp_page_index .current_issue .cover_image, .pkp_op_index .current_issue .cover_image { display: block !important; float: none !important; width: 188px !important; max-width: 58vw !important; margin: 0 auto 26px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } .pkp_page_index .current_issue .cover img, .pkp_op_index .current_issue .cover img, .pkp_page_index .current_issue .cover_image img, .pkp_op_index .current_issue .cover_image img, .pkp_page_index .current_issue img, .pkp_op_index .current_issue img { display: block !important; width: 100% !important; max-width: 188px !important; height: auto !important; margin: 0 auto !important; object-fit: contain !important; border-radius: 10px !important; box-shadow: 0 10px 26px rgba(18,58,93,.11) !important; } .pkp_page_index .current_issue .published, .pkp_op_index .current_issue .published { display: block !important; position: static !important; float: none !important; width: calc(100% - 16px) !important; margin: 0 8px !important; padding: 19px 18px 2px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-cool-line) !important; border-left: 3px solid var(--jdhab-mobile-olive) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-mobile-ink) !important; text-align: left !important; } .pkp_page_index .current_issue .published::before, .pkp_op_index .current_issue .published::before { margin-bottom: 12px !important; padding-bottom: 10px !important; border-bottom: 1px solid var(--jdhab-mobile-cool-line) !important; color: var(--jdhab-mobile-blue) !important; font-size: 10.5px !important; letter-spacing: .15em !important; } /* ---------------------------------------------------------- ISSUE ARTICLE LIST — EDITORIAL, NOT CARDS ---------------------------------------------------------- */ .pkp_page_index .current_issue .section, .pkp_op_index .current_issue .section, .pkp_page_issue .obj_issue_toc .section, .page_issue .obj_issue_toc .section { margin: 0 0 26px !important; padding: 20px 0 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-cool-line) !important; } .pkp_page_index .current_issue .obj_article_summary, .pkp_op_index .current_issue .obj_article_summary, .pkp_page_issue .obj_article_summary, .page_issue .obj_article_summary { margin: 0 !important; padding: 16px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #E9ECEE !important; border-radius: 0 !important; box-shadow: none !important; } .pkp_page_index .current_issue .obj_article_summary .title, .pkp_page_index .current_issue .obj_article_summary .title a, .pkp_op_index .current_issue .obj_article_summary .title, .pkp_op_index .current_issue .obj_article_summary .title a, .pkp_page_issue .obj_article_summary .title, .pkp_page_issue .obj_article_summary .title a { color: var(--jdhab-mobile-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 1.16rem !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -.01em !important; } /* ---------------------------------------------------------- INSTITUTIONAL CONTENT — FLATTEN OLD APP-LIKE CARDS ---------------------------------------------------------- */ .jdhab-page__intro, .jdhab-team__intro, .page_contact .address, .page_submissions .author_guidelines, .page_submissions .submission_checklist, .page_submissions .copyright_notice, .page_submissions .privacy_statement, .jdhab-open-access-note { margin: 0 0 24px !important; padding: 21px 19px !important; background: var(--jdhab-mobile-paper) !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-line) !important; border-bottom: 1px solid var(--jdhab-mobile-line) !important; border-left: 3px solid var(--jdhab-mobile-olive) !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-card, .jdhab-member, .page_contact .contact_section .contact, .jdhab-service-card { margin: 0 !important; padding: 19px 0 !important; background: #fff !important; border: 0 !important; border-top: 1px solid var(--jdhab-mobile-cool-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-page__grid, .jdhab-page__grid--two, .jdhab-team__grid, .jdhab-team__grid--two, .page_contact .contact_section, .jdhab-services-grid { display: block !important; } /* ---------------------------------------------------------- FOOTER ---------------------------------------------------------- */ body .pkp_structure_footer_wrapper, body .pkp_structure_footer_wrapper .pkp_structure_footer, body .pkp_structure_footer_wrapper .pkp_footer_content { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; box-shadow: none !important; } body .pkp_structure_footer_wrapper { border-top: 1px solid var(--jdhab-mobile-cool-line) !important; } body .pkp_structure_footer_wrapper .jdhab-footer { width: 100% !important; margin: 0 !important; padding: 24px 0 16px !important; } body .pkp_structure_footer_wrapper .jdhab-footer__inner { width: calc(100% - 40px) !important; max-width: 390px !important; margin: 0 auto !important; padding: 0 !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px 26px !important; width: 100% !important; } body .pkp_structure_footer_wrapper .jdhab-footer__col--brand { grid-column: 1 / -1 !important; padding-bottom: 14px !important; border-bottom: 1px solid var(--jdhab-mobile-cool-line) !important; } body .pkp_structure_footer_wrapper .jdhab-footer__grid > .jdhab-footer__col:nth-of-type(3), body .pkp_structure_footer_wrapper .jdhab-footer__col--policies { display: none !important; } } /* ============================================================ JDHAB — RESPONSIVE NAVIGATION FINAL · OJS 3.5.0.4 DEFAULT THEME Verified configuration: - Default Theme - Lora / Open Sans - Header colour #0F2A44 Design rule: - Desktop navigation begins at 992px (native Default Theme breakpoint) - Mobile/tablet navigation is <= 991px - OJS JavaScript remains responsible for opening/closing the menu ============================================================ */ @media (max-width: 991px) { /* ---------- Header canvas ---------- */ #headerNavigationContainer, .pkp_structure_head { position: relative !important; background: #0F2A44 !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; box-shadow: none !important; overflow: visible !important; } #headerNavigationContainer .pkp_head_wrapper { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; min-height: 88px !important; margin: 0 !important; padding: 14px 18px !important; box-sizing: border-box !important; overflow: visible !important; } #headerNavigationContainer .pkp_site_name_wrapper { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 60px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; } #headerNavigationContainer .pkp_site_name { position: static !important; left: auto !important; right: auto !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 56px !important; text-align: center !important; white-space: normal !important; line-height: 1 !important; background: transparent !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } #headerNavigationContainer .pkp_site_name > a, #headerNavigationContainer .pkp_site_name .is_img { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-image: none !important; text-indent: 0 !important; overflow: visible !important; transform: none !important; } #headerNavigationContainer .pkp_site_name img, #headerNavigationContainer .pkp_site_name .is_img img, #headerNavigationContainer .pkp_site_name > a img { display: block !important; width: auto !important; height: 44px !important; max-width: min(220px, 68vw) !important; max-height: 44px !important; margin: 0 auto !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } /* ---------- Native OJS toggle, visually refined ---------- */ #headerNavigationContainer .pkp_site_nav_toggle { position: absolute !important; top: 50% !important; left: 16px !important; right: auto !important; z-index: 10030 !important; display: block !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; transform: translateY(-50%) !important; background: rgba(255,255,255,.055) !important; border: 1px solid rgba(255,255,255,.23) !important; border-radius: 50% !important; box-shadow: none !important; cursor: pointer !important; } /* The saved OJS 3.5 markup uses an empty button, so the icon is drawn here. */ #headerNavigationContainer .pkp_site_nav_toggle::before, #headerNavigationContainer .pkp_site_nav_toggle::after { content: "" !important; position: absolute !important; left: 50% !important; width: 20px !important; height: 2px !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-radius: 999px !important; transform-origin: center !important; transition: transform .18s ease, top .18s ease, box-shadow .18s ease !important; } #headerNavigationContainer .pkp_site_nav_toggle::before { top: calc(50% - 6px) !important; transform: translate(-50%, -50%) !important; box-shadow: 0 6px 0 #fff, 0 12px 0 #fff !important; } #headerNavigationContainer .pkp_site_nav_toggle::after { content: none !important; } #headerNavigationContainer .pkp_site_nav_toggle--transform { position: fixed !important; top: 18px !important; left: 18px !important; transform: none !important; background: rgba(255,255,255,.075) !important; border-color: rgba(255,255,255,.30) !important; } #headerNavigationContainer .pkp_site_nav_toggle--transform::before { top: 50% !important; transform: translate(-50%, -50%) rotate(45deg) !important; box-shadow: none !important; } #headerNavigationContainer .pkp_site_nav_toggle--transform::after { content: "" !important; top: 50% !important; transform: translate(-50%, -50%) rotate(-45deg) !important; } #headerNavigationContainer .pkp_site_nav_toggle:focus-visible { outline: 2px solid rgba(255,255,255,.9) !important; outline-offset: 3px !important; } /* ---------- Drawer geometry ---------- IMPORTANT: no display declaration here. OJS's own JS/inline style controls display, which restores reliable close/open. ---------------------------------------------------------- */ #headerNavigationContainer .pkp_site_nav_menu { position: fixed !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 0 !important; z-index: 10000 !important; width: min(90vw, 360px) !important; max-width: 360px !important; height: 100vh !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; padding: 78px 18px 24px !important; box-sizing: border-box !important; background: #0F2A44 !important; background-image: linear-gradient(180deg, #0F2A44 0%, #103553 100%) !important; border: 0 !important; border-right: 1px solid rgba(255,255,255,.10) !important; border-radius: 0 18px 18px 0 !important; box-shadow: 16px 0 38px rgba(4,20,34,.26) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; } /* Backdrop only while OJS marks the toggle as open. */ #headerNavigationContainer:has(.pkp_site_nav_toggle--transform) .pkp_site_nav_menu { box-shadow: 0 0 0 100vmax rgba(4,19,32,.48), 16px 0 38px rgba(4,20,34,.26) !important; } body:has(#headerNavigationContainer .pkp_site_nav_toggle--transform) { overflow: hidden !important; touch-action: none !important; } /* ---------- Menu contents ---------- */ #headerNavigationContainer .pkp_navigation_primary_row, #headerNavigationContainer .pkp_navigation_primary_wrapper { position: static !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } #headerNavigationContainer .pkp_navigation_primary_wrapper::before, #headerNavigationContainer .pkp_navigation_primary_wrapper::after { content: none !important; display: none !important; } #headerNavigationContainer ul#navigationPrimary.pkp_navigation_primary, #headerNavigationContainer .pkp_navigation_primary { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } #headerNavigationContainer .pkp_navigation_primary > li { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid rgba(255,255,255,.10) !important; } #headerNavigationContainer .pkp_navigation_primary > li:last-child { border-bottom: 1px solid rgba(255,255,255,.10) !important; } #headerNavigationContainer .pkp_navigation_primary > li > a { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; min-height: 45px !important; margin: 0 !important; padding: 11px 34px 10px 0 !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #fff !important; font-size: .94rem !important; font-weight: 700 !important; line-height: 1.32 !important; letter-spacing: .005em !important; white-space: normal !important; text-align: left !important; text-decoration: none !important; transform: none !important; } #headerNavigationContainer .pkp_navigation_primary > li > a::before { content: none !important; } #headerNavigationContainer .pkp_navigation_primary > li > a[aria-haspopup="true"]::after { content: "" !important; position: absolute !important; top: 50% !important; right: 5px !important; width: 6px !important; height: 6px !important; margin: -4px 0 0 !important; background: transparent !important; border: 0 !important; border-right: 1.5px solid #8D958B !important; border-bottom: 1.5px solid #8D958B !important; transform: rotate(45deg) !important; } #headerNavigationContainer .pkp_navigation_primary > li > a:hover, #headerNavigationContainer .pkp_navigation_primary > li > a:focus { background: rgba(255,255,255,.055) !important; color: #fff !important; text-decoration: none !important; outline: none !important; } /* Submenus are expanded inside the drawer; no hover dependency on touch. */ #headerNavigationContainer .pkp_navigation_primary > li > ul, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu, #headerNavigationContainer .pkp_nav_list ul { position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 0 9px 14px !important; box-sizing: border-box !important; transform: none !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } #headerNavigationContainer .pkp_navigation_primary ul li, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.055) !important; } #headerNavigationContainer .pkp_navigation_primary ul li:last-child, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu li:last-child { border-bottom: 0 !important; } #headerNavigationContainer .pkp_navigation_primary ul a, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu a, #headerNavigationContainer .pkp_nav_list ul a { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 9px 0 9px 14px !important; box-sizing: border-box !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: rgba(255,255,255,.78) !important; font-size: .84rem !important; font-weight: 500 !important; line-height: 1.35 !important; white-space: normal !important; text-decoration: none !important; transform: none !important; } #headerNavigationContainer .pkp_navigation_primary ul a::before, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu a::before { content: "" !important; position: absolute !important; top: 50% !important; left: 0 !important; width: 4px !important; height: 4px !important; margin-top: -2px !important; background: #8D958B !important; border-radius: 50% !important; } #headerNavigationContainer .pkp_navigation_primary ul a:hover, #headerNavigationContainer .pkp_navigation_primary ul a:focus { background: rgba(255,255,255,.045) !important; color: #fff !important; text-decoration: none !important; outline: none !important; } #headerNavigationContainer .pkp_navigation_search_wrapper, #headerNavigationContainer .pkp_navigation_user_wrapper { display: none !important; } } @media (max-width: 520px) { #headerNavigationContainer .pkp_head_wrapper { min-height: 82px !important; padding: 12px 14px !important; } #headerNavigationContainer .pkp_site_name { padding-left: 52px !important; padding-right: 38px !important; } #headerNavigationContainer .pkp_site_name img, #headerNavigationContainer .pkp_site_name .is_img img, #headerNavigationContainer .pkp_site_name > a img { height: 40px !important; max-height: 40px !important; max-width: min(205px, 66vw) !important; } #headerNavigationContainer .pkp_site_nav_toggle { left: 14px !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; } #headerNavigationContainer .pkp_site_nav_toggle--transform { top: 16px !important; left: 16px !important; } #headerNavigationContainer .pkp_site_nav_menu { width: calc(100vw - 28px) !important; max-width: none !important; padding: 72px 16px 22px !important; border-radius: 0 16px 16px 0 !important; } } /* ============================================================ JDHAB — MOBILE CANVAS SAFETY Keeps the public interface inside the viewport without changing desktop. ============================================================ */ @media (max-width: 767px) { html, body, .pkp_structure_page, .pkp_structure_content, .pkp_structure_main { max-width: 100% !important; box-sizing: border-box !important; } html, body { overflow-x: clip !important; } img, svg, video, iframe, table { max-width: 100%; } .pkp_structure_content, .pkp_structure_main { min-width: 0 !important; } } /* ============================================================ JDHAB — EDITORIAL 2.0 · RESPONSIVE ALIGNMENT OJS 3.5.0.4 · Default Theme Scope: tablet + mobile only (<=1180px) Purpose: make responsive views inherit the CURRENT Editorial 2.0 language used on desktop, instead of the previous Premium/Card UI. ============================================================ */ @media (max-width: 1180px) { /* ---------------------------------------------------------- 1. HEADER — same institutional charcoal used on desktop ---------------------------------------------------------- */ html body #headerNavigationContainer, html body .pkp_structure_head, html body #headerNavigationContainer .pkp_structure_head { background: #182326 !important; background-image: none !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; box-shadow: none !important; } #headerNavigationContainer .pkp_site_nav_menu { background: #182326 !important; background-image: none !important; border-right: 1px solid rgba(255,255,255,.10) !important; box-shadow: 16px 0 34px rgba(10,20,24,.18) !important; } #headerNavigationContainer .pkp_site_nav_toggle { border-color: rgba(255,255,255,.28) !important; background: transparent !important; box-shadow: none !important; } #headerNavigationContainer .pkp_navigation_primary > li { border-top-color: rgba(255,255,255,.09) !important; } #headerNavigationContainer .pkp_navigation_primary > li:last-child { border-bottom-color: rgba(255,255,255,.09) !important; } #headerNavigationContainer .pkp_navigation_primary > li > a { color: #FFFFFF !important; } #headerNavigationContainer .pkp_navigation_primary > li > a[aria-haspopup="true"]::after { border-right-color: #8D958B !important; border-bottom-color: #8D958B !important; } #headerNavigationContainer .pkp_navigation_primary ul a, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu a, #headerNavigationContainer .pkp_nav_list ul a { color: rgba(255,255,255,.76) !important; } #headerNavigationContainer .pkp_navigation_primary ul a::before, #headerNavigationContainer .pkp_navigation_primary .dropdown-menu a::before { background: #8D958B !important; } /* ---------------------------------------------------------- 2. ISSUE CANVAS ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view { background: #FFFFFF !important; --jdhab-r-ink: #20272A; --jdhab-r-blue: #143B5C; --jdhab-r-blue-dark: #0B243B; --jdhab-r-mineral: #6C7468; --jdhab-r-muted: #5F696B; --jdhab-r-line: #DCD8D0; --jdhab-r-line-soft: #E8E5DF; --jdhab-r-paper: #FCFBF8; } body.pkp_page_issue.pkp_op_view .pkp_structure_content { width: calc(100% - 48px) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 24px 0 0 !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .pkp_structure_main, body.pkp_page_issue.pkp_op_view .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 0 52px !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .page_issue { width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ---------------------------------------------------------- 3. ISSUE HERO — Editorial 2.0, not the old dark card ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .page_issue > h1 { position: relative !important; overflow: visible !important; min-height: 0 !important; margin: 0 0 24px !important; padding: 28px 30px 27px !important; background: var(--jdhab-r-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-r-line) !important; border-left: 3px solid var(--jdhab-r-mineral) !important; border-radius: 3px !important; box-shadow: none !important; color: var(--jdhab-r-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(29px, 4vw, 34px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -0.022em !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::before { content: "INAUGURAL ISSUE" !important; display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--jdhab-r-mineral) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { content: "Journal of Digital Health and Advanced Biomaterials" !important; display: block !important; margin-top: 12px !important; color: #657072 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.5 !important; letter-spacing: .005em !important; } /* ---------------------------------------------------------- 4. COVER + ISSUE INFORMATION — one editorial composition ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 180px minmax(0, 1fr) !important; align-items: center !important; gap: 28px !important; width: 100% !important; min-height: 0 !important; margin: 0 0 28px !important; padding: 24px 26px !important; background: var(--jdhab-r-paper) !important; background-image: none !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid var(--jdhab-r-mineral) !important; border-top: 1px solid #E2DFD8 !important; border-radius: 3px !important; box-shadow: none !important; overflow: visible !important; text-align: left !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { grid-column: 1 !important; grid-row: 1 !important; float: none !important; clear: none !important; display: block !important; width: 170px !important; max-width: 170px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: left !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { display: block !important; width: 170px !important; max-width: 170px !important; height: auto !important; margin: 0 !important; object-fit: contain !important; background: transparent !important; border: 1px solid var(--jdhab-r-line) !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; display: block !important; position: static !important; float: none !important; clear: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 2px 0 2px 20px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-left: 2px solid var(--jdhab-r-mineral) !important; border-radius: 0 !important; box-shadow: none !important; color: #465156 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13.5px !important; line-height: 1.58 !important; text-align: left !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before { content: "ISSUE INFORMATION" !important; display: block !important; margin: 0 0 12px !important; padding: 0 0 9px !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; color: var(--jdhab-r-blue) !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published .label { color: var(--jdhab-r-mineral) !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { content: "Open access · Peer-reviewed\A PDF and HTML versions available" !important; display: block !important; margin-top: 11px !important; padding-top: 11px !important; border-top: 1px solid #E2DFD8 !important; white-space: pre-line !important; color: var(--jdhab-r-muted) !important; font-size: 12.8px !important; font-weight: 500 !important; line-height: 1.55 !important; text-align: left !important; } /* ---------------------------------------------------------- 5. SECTIONS — scientific TOC, no rounded cards ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections, body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections:not(:first-child) { width: 100% !important; margin: 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section:first-of-type { position: relative !important; width: 100% !important; margin: 0 !important; padding: 24px 2px 18px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--jdhab-r-line) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section::after, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section:first-of-type::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section:first-of-type::after { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 { display: block !important; position: static !important; left: auto !important; width: 100% !important; margin: 0 0 15px !important; padding: 0 0 10px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid #E2DFD8 !important; color: var(--jdhab-r-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 19px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.012em !important; text-transform: none !important; } /* ---------------------------------------------------------- 6. ARTICLES — editorial rows, never cards ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles, body.pkp_page_issue.pkp_op_view .obj_issue_toc .articles > li { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; list-style: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary, body.pkp_page_issue.pkp_op_view .cmp_article_list > li { position: relative !important; width: 100% !important; margin: 0 !important; padding: 17px 0 18px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-r-line-soft) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .articles > li:first-child .obj_article_summary { padding-top: 0 !important; } body.pkp_page_issue.pkp_op_view .articles > li:last-child .obj_article_summary { padding-bottom: 2px !important; border-bottom: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > div, body.pkp_page_issue.pkp_op_view .obj_article_summary .media, body.pkp_page_issue.pkp_op_view .obj_article_summary .entry_details, body.pkp_page_issue.pkp_op_view .obj_article_summary .description { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:visited { color: var(--jdhab-r-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; text-decoration: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title { margin: 0 0 5px !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:hover, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:focus { color: var(--jdhab-r-blue-dark) !important; text-decoration: underline !important; text-underline-offset: 3px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .subtitle { display: block !important; margin: 2px 0 6px !important; color: #536066 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12.8px !important; font-weight: 400 !important; line-height: 1.5 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: baseline !important; gap: 5px 18px !important; margin: 0 !important; padding: 0 !important; color: #657072 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 12.4px !important; line-height: 1.5 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .authors, body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { position: static !important; margin: 0 !important; padding: 0 !important; color: #657072 !important; } /* ---------------------------------------------------------- 7. PDF / HTML — editorial links, not pill buttons ---------------------------------------------------------- */ body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; margin: 10px 0 0 !important; padding: 0 !important; list-style: none !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .galleys_links li { margin: 0 !important; padding: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link, body.pkp_page_issue.pkp_op_view .galleys_links a { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; gap: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 1px 0 4px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-r-mineral) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-r-blue) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .09em !important; text-decoration: none !important; text-transform: uppercase !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link::before, body.pkp_page_issue.pkp_op_view .galleys_links a::before { display: none !important; content: none !important; } body.pkp_page_issue.pkp_op_view .obj_galley_link:hover, body.pkp_page_issue.pkp_op_view .obj_galley_link:focus, body.pkp_page_issue.pkp_op_view .galleys_links a:hover, body.pkp_page_issue.pkp_op_view .galleys_links a:focus { background: transparent !important; border-bottom-color: var(--jdhab-r-blue) !important; color: var(--jdhab-r-blue-dark) !important; text-decoration: none !important; } } /* Phone composition: preserve the desktop editorial language, stack only where needed. */ @media (max-width: 767px) { body.pkp_page_issue.pkp_op_view .pkp_structure_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px 16px 0 !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1 { margin-bottom: 20px !important; padding: 24px 22px 23px !important; font-size: clamp(26px, 7.2vw, 30px) !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1::after { font-size: 12.8px !important; line-height: 1.48 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; margin-bottom: 22px !important; padding: 22px 20px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover { grid-column: 1 !important; grid-row: 1 !important; width: 154px !important; max-width: 154px !important; margin: 0 auto !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .cover img { width: 154px !important; max-width: 154px !important; margin: 0 auto !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; padding: 2px 0 2px 16px !important; border-left: 2px solid var(--jdhab-r-mineral) !important; background: transparent !important; border-radius: 0 !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section, body.pkp_page_issue.pkp_op_view .obj_issue_toc .section:first-of-type { margin: 0 !important; padding: 21px 0 17px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 { margin-bottom: 13px !important; padding-bottom: 9px !important; font-size: 18px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary, body.pkp_page_issue.pkp_op_view .cmp_article_list > li { padding: 15px 0 16px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary > .title, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a, body.pkp_page_issue.pkp_op_view .obj_article_summary > .title a:visited { font-size: 16.5px !important; line-height: 1.38 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .subtitle { font-size: 12.5px !important; line-height: 1.48 !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .meta { display: block !important; font-size: 12.2px !important; } body.pkp_page_issue.pkp_op_view .obj_article_summary .pages { display: block !important; margin-top: 3px !important; } } @media (max-width: 420px) { body.pkp_page_issue.pkp_op_view .pkp_structure_content { padding-right: 14px !important; padding-left: 14px !important; } body.pkp_page_issue.pkp_op_view .page_issue > h1 { padding-right: 19px !important; padding-left: 19px !important; } body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { padding-right: 17px !important; padding-left: 17px !important; } } /* ============================================================ JDHAB — RESPONSIVE EDITORIAL SYSTEM · ALL PUBLIC PAGES v3 OJS 3.5.0.4 · Default Theme Scope: tablet + mobile only (<=1180px) Goal: visual parity with the approved Editorial 2.0 desktop. This layer must stay at the absolute END of the stylesheet. ============================================================ */ @media (max-width: 1180px) { :root { --jr-ink: #20272A; --jr-blue: #143B5C; --jr-blue-dark: #0B243B; --jr-accent: #6C7468; --jr-muted: #657072; --jr-line: #DCD8D0; --jr-line-soft: #ECE9E3; --jr-paper: #FCFBF8; --jr-white: #FFFFFF; --jr-charcoal: #182326; } /* ---------------------------------------------------------- A. GLOBAL MOBILE/TABLET CANVAS ---------------------------------------------------------- */ html, body, .pkp_structure_page, .pkp_structure_content, .pkp_structure_main { max-width: 100% !important; box-sizing: border-box !important; } html, body, .pkp_structure_page { overflow-x: hidden !important; } img, svg, video, iframe { max-width: 100% !important; } /* Institutional/static OJS pages */ body.pkp_page_about .pkp_structure_content, body.pkp_page_page .pkp_structure_content, body.pkp_page_login .pkp_structure_content, body.pkp_page_register .pkp_structure_content, body.pkp_page_search .pkp_structure_content, body.pkp_page_issue_archive .pkp_structure_content { width: calc(100% - 48px) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 24px 0 0 !important; border: 0 !important; box-shadow: none !important; background: #fff !important; } body.pkp_page_about .pkp_structure_main, body.pkp_page_page .pkp_structure_main, body.pkp_page_login .pkp_structure_main, body.pkp_page_register .pkp_structure_main, body.pkp_page_search .pkp_structure_main, body.pkp_page_issue_archive .pkp_structure_main, body.pkp_page_about .pkp_structure_main:first-child:last-child, body.pkp_page_page .pkp_structure_main:first-child:last-child, body.pkp_page_login .pkp_structure_main:first-child:last-child, body.pkp_page_register .pkp_structure_main:first-child:last-child, body.pkp_page_search .pkp_structure_main:first-child:last-child, body.pkp_page_issue_archive .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 0 52px !important; border: 0 !important; background: #fff !important; box-shadow: none !important; } body.pkp_page_about .pkp_structure_main::before, body.pkp_page_about .pkp_structure_main::after, body.pkp_page_page .pkp_structure_main::before, body.pkp_page_page .pkp_structure_main::after, body.pkp_page_login .pkp_structure_main::before, body.pkp_page_login .pkp_structure_main::after, body.pkp_page_register .pkp_structure_main::before, body.pkp_page_register .pkp_structure_main::after, body.pkp_page_search .pkp_structure_main::before, body.pkp_page_search .pkp_structure_main::after, body.pkp_page_issue_archive .pkp_structure_main::before, body.pkp_page_issue_archive .pkp_structure_main::after { display: none !important; content: none !important; } .cmp_breadcrumbs { max-width: 100% !important; overflow-wrap: anywhere !important; } /* ---------------------------------------------------------- B. CUSTOM PAGE ROOTS — FULL-WIDTH AND CONSISTENT ---------------------------------------------------------- */ .jdhab-about-page, .jdhab-team, .jdhab-authors, .jdhab-types, .jdhab-template, .jdhab-submit-page, .jdhab-ethics, .jdhab-review, .jdhab-peerreview, .jdhab-openaccess, .jdhab-privacy, .jdhab-archiving, .jdhab-funding, .jdhab-contact, .jdhab-services-page, .jdhab-page { width: 100% !important; max-width: 1040px !important; min-width: 0 !important; margin: 0 auto !important; padding: 0 0 48px !important; box-sizing: border-box !important; color: var(--jr-ink) !important; background: transparent !important; } .jdhab-about-page *, .jdhab-team *, .jdhab-authors *, .jdhab-types *, .jdhab-template *, .jdhab-submit-page *, .jdhab-ethics *, .jdhab-review *, .jdhab-peerreview *, .jdhab-openaccess *, .jdhab-privacy *, .jdhab-archiving *, .jdhab-funding *, .jdhab-contact *, .jdhab-services-page *, .jdhab-page * { box-sizing: border-box !important; max-width: 100%; } /* Native title must never duplicate a custom editorial hero. */ body:has(.jdhab-about-page) .pkp_structure_main > h1, body:has(.jdhab-about-page) .pkp_structure_main > .page > h1, body:has(.jdhab-about-page) .page_about > h1, body:has(.jdhab-about-page) .page_custom > h1, body:has(.jdhab-team__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-authors__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-types__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-template__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-submit-page__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-ethics__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-review__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-peerreview__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-openaccess__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-privacy__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-archiving__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-funding__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-contact__hero) .pkp_structure_main > .page > h1, body:has(.jdhab-services-hero) .pkp_structure_main > .page > h1 { display: none !important; } /* ---------------------------------------------------------- C. ALL INSTITUTIONAL HEROES — EDITORIAL 2.0 ---------------------------------------------------------- */ .jdhab-services-hero, .jdhab-about-hero, .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero, .jdhab-submit-page__hero, .jdhab-ethics__hero, .jdhab-review__hero, .jdhab-peerreview__hero, .jdhab-openaccess__hero, .jdhab-privacy__hero, .jdhab-archiving__hero, .jdhab-funding__hero, .jdhab-contact__hero { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: visible !important; margin: 0 0 26px !important; padding: 30px 32px 31px !important; background: var(--jr-paper) !important; background-image: none !important; color: var(--jr-ink) !important; border: 1px solid var(--jr-line) !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; } .jdhab-services-hero::before, .jdhab-services-hero::after, .jdhab-about-hero::before, .jdhab-about-hero::after, .jdhab-team__hero::after, .jdhab-authors__hero::after, .jdhab-types__hero::after, .jdhab-template__hero::after, .jdhab-submit-page__hero::after, .jdhab-ethics__hero::after, .jdhab-review__hero::after, .jdhab-peerreview__hero::after, .jdhab-openaccess__hero::after, .jdhab-privacy__hero::after, .jdhab-archiving__hero::after, .jdhab-funding__hero::after, .jdhab-contact__hero::after { display: none !important; content: none !important; } .jdhab-kicker, .jdhab-team__kicker, .jdhab-authors__kicker, .jdhab-types__kicker, .jdhab-template__kicker, .jdhab-submit-page__kicker, .jdhab-ethics__kicker, .jdhab-review__kicker, .jdhab-peerreview__kicker, .jdhab-openaccess__kicker, .jdhab-privacy__kicker, .jdhab-archiving__kicker, .jdhab-funding__kicker, .jdhab-contact__kicker { display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--jr-accent) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .15em !important; text-transform: uppercase !important; box-shadow: none !important; } .jdhab-services-hero h1, .jdhab-about-hero h1, .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1, .jdhab-submit-page__hero h1, .jdhab-ethics__hero h1, .jdhab-review__hero h1, .jdhab-peerreview__hero h1, .jdhab-openaccess__hero h1, .jdhab-privacy__hero h1, .jdhab-archiving__hero h1, .jdhab-funding__hero h1, .jdhab-contact__hero h1 { width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; color: var(--jr-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(30px, 4vw, 36px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -.022em !important; overflow-wrap: anywhere !important; } .jdhab-services-hero p, .jdhab-about-hero p, .jdhab-team__hero p, .jdhab-authors__hero p, .jdhab-types__hero p, .jdhab-template__hero p, .jdhab-submit-page__hero p, .jdhab-ethics__hero p, .jdhab-review__hero p, .jdhab-peerreview__hero p, .jdhab-openaccess__hero p, .jdhab-privacy__hero p, .jdhab-archiving__hero p, .jdhab-funding__hero p, .jdhab-contact__hero p { width: 100% !important; max-width: 820px !important; margin: 0 !important; padding: 0 !important; color: var(--jr-muted) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; } /* ---------------------------------------------------------- D. EDITORIAL CONTENT SECTIONS — REMOVE APP/DASHBOARD LOOK ---------------------------------------------------------- */ .jdhab-about-note, .jdhab-about-scope, .jdhab-about-openaccess, .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway, .jdhab-authors__intro, .jdhab-authors__section, .jdhab-authors__openaccess, .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard, .jdhab-template__intro, .jdhab-template__section, .jdhab-template__final, .jdhab-submit-page__intro, .jdhab-submit-page__section, .jdhab-submit-page__notice, .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final, .jdhab-review__intro, .jdhab-review__section, .jdhab-review__final, .jdhab-peerreview__intro, .jdhab-peerreview__section, .jdhab-peerreview__final, .jdhab-peerreview__decision, .jdhab-openaccess__intro, .jdhab-openaccess__section, .jdhab-openaccess__final, .jdhab-privacy__intro, .jdhab-privacy__section, .jdhab-privacy__final, .jdhab-archiving__intro, .jdhab-archiving__section, .jdhab-archiving__final, .jdhab-funding__intro, .jdhab-funding__section, .jdhab-funding__final, .jdhab-contact__intro, .jdhab-contact__section, .jdhab-contact__final, .jdhab-contact__location, .jdhab-contact__response, .jdhab-contact__contact, .jdhab-services-intro, .jdhab-services-section, .jdhab-services-final, .jdhab-services-external, .jdhab-services-single, .jdhab-page__intro, .jdhab-page__section, .jdhab-open-access-note, .jdhab-payment-box, .jdhab-integrity-box, .jdhab-contact-call { width: 100% !important; min-width: 0 !important; margin: 18px 0 !important; padding: 24px 26px !important; background: #fff !important; background-image: none !important; color: var(--jr-ink) !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 2px !important; box-shadow: none !important; transform: none !important; } /* Never allow old dark-callout styling on institutional mobile. */ .jdhab-about-openaccess, .jdhab-team__pathway, .jdhab-authors__openaccess, .jdhab-template__final, .jdhab-ethics__final, .jdhab-review__final, .jdhab-peerreview__final, .jdhab-openaccess__final, .jdhab-privacy__final, .jdhab-archiving__final, .jdhab-funding__final, .jdhab-contact__final, .jdhab-services-final { background: var(--jr-paper) !important; color: var(--jr-ink) !important; } .jdhab-about-openaccess h1, .jdhab-about-openaccess h2, .jdhab-about-openaccess h3, .jdhab-team__pathway h1, .jdhab-team__pathway h2, .jdhab-team__pathway h3, .jdhab-authors__openaccess h1, .jdhab-authors__openaccess h2, .jdhab-authors__openaccess h3, .jdhab-template__final h1, .jdhab-template__final h2, .jdhab-template__final h3, .jdhab-ethics__final h1, .jdhab-ethics__final h2, .jdhab-ethics__final h3, .jdhab-review__final h1, .jdhab-review__final h2, .jdhab-review__final h3, .jdhab-peerreview__final h1, .jdhab-peerreview__final h2, .jdhab-peerreview__final h3, .jdhab-openaccess__final h1, .jdhab-openaccess__final h2, .jdhab-openaccess__final h3, .jdhab-privacy__final h1, .jdhab-privacy__final h2, .jdhab-privacy__final h3, .jdhab-archiving__final h1, .jdhab-archiving__final h2, .jdhab-archiving__final h3, .jdhab-funding__final h1, .jdhab-funding__final h2, .jdhab-funding__final h3, .jdhab-contact__final h1, .jdhab-contact__final h2, .jdhab-contact__final h3, .jdhab-services-final h1, .jdhab-services-final h2, .jdhab-services-final h3 { color: var(--jr-blue) !important; } .jdhab-about-openaccess p, .jdhab-team__pathway p, .jdhab-authors__openaccess p, .jdhab-template__final p, .jdhab-ethics__final p, .jdhab-review__final p, .jdhab-peerreview__final p, .jdhab-openaccess__final p, .jdhab-privacy__final p, .jdhab-archiving__final p, .jdhab-funding__final p, .jdhab-contact__final p, .jdhab-services-final p { color: #465156 !important; } /* Section headings */ .jdhab-about-page h2, .jdhab-team__section > h2, .jdhab-authors__section > h2, .jdhab-types__section > h2, .jdhab-template__section > h2, .jdhab-submit-page__section > h2, .jdhab-ethics__section > h2, .jdhab-review__section > h2, .jdhab-peerreview__section > h2, .jdhab-openaccess__section > h2, .jdhab-privacy__section > h2, .jdhab-archiving__section > h2, .jdhab-funding__section > h2, .jdhab-contact__section > h2, .jdhab-services-section > h2, .jdhab-page__section > h2 { margin: 0 0 15px !important; padding: 0 0 9px !important; color: var(--jr-blue) !important; border-bottom: 1px solid var(--jr-line) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -.015em !important; } /* ---------------------------------------------------------- E. GRIDS — TABLET 2 COLUMNS, NEVER COMPRESSED ---------------------------------------------------------- */ .jdhab-about-grid, .jdhab-team__grid, .jdhab-team__grid--two, .jdhab-team__grid--advisory, .jdhab-authors__quickgrid, .jdhab-authors__grid, .jdhab-authors__grid--two, .jdhab-types__grid, .jdhab-types__grid--two, .jdhab-types__limits-grid, .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three, .jdhab-submit-page__grid, .jdhab-submit-page__grid--two, .jdhab-submit-page__grid--three, .jdhab-ethics__quickgrid, .jdhab-ethics__grid, .jdhab-ethics__grid--two, .jdhab-review__quickgrid, .jdhab-review__grid, .jdhab-peerreview__quickgrid, .jdhab-peerreview__grid, .jdhab-peerreview__grid--two, .jdhab-peerreview__decisiongrid, .jdhab-openaccess__quickgrid, .jdhab-openaccess__grid, .jdhab-openaccess__grid--two, .jdhab-privacy__quickgrid, .jdhab-privacy__grid, .jdhab-privacy__grid--two, .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two, .jdhab-funding__quickgrid, .jdhab-funding__grid, .jdhab-funding__grid--two, .jdhab-contact__quickgrid, .jdhab-contact__grid, .jdhab-contact__grid--two, .jdhab-contact__contacts, .jdhab-services-grid, .jdhab-services-columns, .jdhab-page__grid, .jdhab-page__grid--two { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; width: 100% !important; min-width: 0 !important; margin: 18px 0 24px !important; padding: 0 !important; } /* ---------------------------------------------------------- F. CARDS — FLAT SCHOLARLY COMPONENTS ---------------------------------------------------------- */ .jdhab-card, .jdhab-about-card, .jdhab-team__card, .jdhab-member, .jdhab-author-card, .jdhab-authors__quickcard, .jdhab-type-card, .jdhab-limit-card, .jdhab-template-card, .jdhab-template-check, .jdhab-submit-page-card, .jdhab-ethics-card, .jdhab-ethics__quickcard, .jdhab-review-card, .jdhab-review__quickcard, .jdhab-peerreview-card, .jdhab-peerreview__quickcard, .jdhab-openaccess-card, .jdhab-openaccess__quickcard, .jdhab-privacy-card, .jdhab-privacy__quickcard, .jdhab-archiving-card, .jdhab-archiving__quickcard, .jdhab-funding-card, .jdhab-funding__quickcard, .jdhab-contact-card, .jdhab-contact__quickcard, .jdhab-service-card { position: relative !important; display: block !important; width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 20px 20px 21px !important; background: #fff !important; background-image: none !important; color: var(--jr-ink) !important; border: 1px solid #E2DFD8 !important; border-top: 1px solid #E2DFD8 !important; border-radius: 2px !important; box-shadow: none !important; transform: none !important; transition: border-color .15s ease !important; overflow: visible !important; } .jdhab-card:hover, .jdhab-about-card:hover, .jdhab-team__card:hover, .jdhab-member:hover, .jdhab-author-card:hover, .jdhab-authors__quickcard:hover, .jdhab-type-card:hover, .jdhab-limit-card:hover, .jdhab-template-card:hover, .jdhab-submit-page-card:hover, .jdhab-ethics-card:hover, .jdhab-review-card:hover, .jdhab-peerreview-card:hover, .jdhab-openaccess-card:hover, .jdhab-privacy-card:hover, .jdhab-archiving-card:hover, .jdhab-funding-card:hover, .jdhab-contact-card:hover, .jdhab-service-card:hover { transform: none !important; box-shadow: none !important; border-color: #C9CEC5 !important; } .jdhab-card--lead, .jdhab-team__card--lead, .jdhab-author-card--lead, .jdhab-limit-card--lead, .jdhab-template-card--lead, .jdhab-submit-page-card--lead, .jdhab-ethics-card--lead, .jdhab-review-card--lead, .jdhab-openaccess-card--lead, .jdhab-privacy-card--lead, .jdhab-archiving-card--lead, .jdhab-funding-card--lead, .jdhab-contact-card--lead { border-left: 3px solid var(--jr-accent) !important; } .jdhab-card h3, .jdhab-about-card h3, .jdhab-team__card h3, .jdhab-member h3, .jdhab-author-card h3, .jdhab-authors__quickcard h3, .jdhab-type-card h3, .jdhab-limit-card h3, .jdhab-template-card h3, .jdhab-submit-page-card h3, .jdhab-ethics-card h3, .jdhab-review-card h3, .jdhab-peerreview-card h3, .jdhab-openaccess-card h3, .jdhab-privacy-card h3, .jdhab-archiving-card h3, .jdhab-funding-card h3, .jdhab-contact-card h3, .jdhab-service-card h3 { margin: 0 0 8px !important; color: var(--jr-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 17px !important; line-height: 1.35 !important; letter-spacing: -.01em !important; } .jdhab-card p, .jdhab-card li, .jdhab-about-card p, .jdhab-team__card p, .jdhab-member p, .jdhab-author-card p, .jdhab-author-card li, .jdhab-authors__quickcard p, .jdhab-type-card p, .jdhab-type-card li, .jdhab-limit-card p, .jdhab-limit-card li, .jdhab-template-card p, .jdhab-template-card li, .jdhab-submit-page-card p, .jdhab-submit-page-card li, .jdhab-ethics-card p, .jdhab-ethics-card li, .jdhab-review-card p, .jdhab-review-card li, .jdhab-peerreview-card p, .jdhab-peerreview-card li, .jdhab-openaccess-card p, .jdhab-openaccess-card li, .jdhab-privacy-card p, .jdhab-privacy-card li, .jdhab-archiving-card p, .jdhab-archiving-card li, .jdhab-funding-card p, .jdhab-funding-card li, .jdhab-contact-card p, .jdhab-contact-card li, .jdhab-service-card p, .jdhab-service-card li { color: #465156 !important; font-size: 13.5px !important; line-height: 1.65 !important; overflow-wrap: anywhere !important; } /* ---------------------------------------------------------- G. BUTTONS / DOWNLOADS — RECTANGULAR, NOT PILLS ---------------------------------------------------------- */ .jdhab-template__button, .jdhab-submit-page__action, .jdhab-author-card--download a, .jdhab-template-card--resource a, .jdhab-submit-page__actions a, .jdhab-contact a[class*="button"], .jdhab-services-page a[class*="button"], .jdhab-issue-cta a, .cmp_button, .cmp_button_wire, .pkp_button { max-width: 100% !important; border-radius: 2px !important; box-shadow: none !important; } .jdhab-template__button, .jdhab-submit-page__action, .jdhab-author-card--download a, .jdhab-template-card--resource a, .jdhab-submit-page__actions a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; padding: 9px 14px !important; border: 1px solid var(--jr-blue) !important; border-radius: 2px !important; background: #fff !important; color: var(--jr-blue) !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .03em !important; text-decoration: none !important; box-shadow: none !important; } .jdhab-template__button:hover, .jdhab-template__button:focus, .jdhab-submit-page__action:hover, .jdhab-submit-page__action:focus, .jdhab-author-card--download a:hover, .jdhab-author-card--download a:focus, .jdhab-template-card--resource a:hover, .jdhab-template-card--resource a:focus, .jdhab-submit-page__actions a:hover, .jdhab-submit-page__actions a:focus { background: var(--jr-blue) !important; color: #fff !important; transform: none !important; } /* Tags/chips must wrap safely. */ .jdhab-tags, .jdhab-authors__tags, .jdhab-types__tags, .jdhab-ethics__tags, .jdhab-review__tags, .jdhab-openaccess__tags, .jdhab-archiving__tags, .jdhab-funding__tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; max-width: 100% !important; } .jdhab-tags > *, .jdhab-authors__tags > *, .jdhab-types__tags > *, .jdhab-ethics__tags > *, .jdhab-review__tags > *, .jdhab-openaccess__tags > *, .jdhab-archiving__tags > *, .jdhab-funding__tags > * { max-width: 100% !important; white-space: normal !important; } /* ---------------------------------------------------------- H. TABLES / LONG CONTENT / FORMS ---------------------------------------------------------- */ .jdhab-table-wrap, .jdhab-limits-table, .pkp_structure_main table { max-width: 100% !important; } .jdhab-table-wrap, .jdhab-limits-table { width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .jdhab-table-wrap table, .jdhab-limits-table table { width: 100% !important; min-width: 640px !important; border-collapse: collapse !important; } .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]), .pkp_structure_main select, .pkp_structure_main textarea { max-width: 100% !important; box-sizing: border-box !important; } .pkp_structure_main pre, .pkp_structure_main code, .pkp_structure_main .value, .pkp_structure_main a, .pkp_structure_main p, .pkp_structure_main li { overflow-wrap: anywhere !important; } /* ---------------------------------------------------------- I. HOME — SAME EDITORIAL LANGUAGE AS DESKTOP ---------------------------------------------------------- */ body.pkp_page_index.pkp_op_index .pkp_structure_content { width: calc(100% - 48px) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 24px 0 0 !important; } body.pkp_page_index.pkp_op_index .pkp_structure_main, body.pkp_page_index.pkp_op_index .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 52px !important; } body.pkp_page_index.pkp_op_index .current_issue { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .current_issue > h2 { position: relative !important; display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 0 20px !important; padding: 28px 30px 54px !important; background: var(--jr-paper) !important; background-image: none !important; border: 1px solid var(--jr-line) !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 3px !important; box-shadow: none !important; color: var(--jr-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(28px, 4vw, 34px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -.02em !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::before { content: "LATEST ISSUE" !important; display: block !important; width: max-content !important; max-width: 100% !important; margin: 0 0 11px !important; padding: 0 !important; color: var(--jr-accent) !important; background: transparent !important; border: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } body.pkp_page_index.pkp_op_index .current_issue > h2::after { display: none !important; content: none !important; } body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { position: relative !important; z-index: 2 !important; margin: -58px 30px 31px !important; padding: 0 !important; color: #5F696B !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 170px minmax(0, 1fr) !important; gap: 26px !important; align-items: center !important; width: 100% !important; margin: 0 0 26px !important; padding: 23px 24px !important; background: var(--jr-paper) !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover { float: none !important; width: 160px !important; max-width: 160px !important; margin: 0 !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img { display: block !important; width: 160px !important; height: auto !important; border: 1px solid var(--jr-line) !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published { position: static !important; width: 100% !important; margin: 0 !important; padding: 2px 0 2px 18px !important; border: 0 !important; border-left: 2px solid var(--jr-accent) !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: #465156 !important; text-align: left !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section { margin: 0 !important; padding: 22px 0 16px !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--jr-line) !important; border-radius: 0 !important; box-shadow: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section::before, body.pkp_page_index.pkp_op_index .obj_issue_toc .section::after { display: none !important; content: none !important; } body.pkp_page_index.pkp_op_index .obj_article_summary { margin: 0 !important; padding: 15px 0 16px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jr-line-soft) !important; border-radius: 0 !important; box-shadow: none !important; } /* ---------------------------------------------------------- J. ARCHIVES — CLEAN SCHOLARLY LIST ---------------------------------------------------------- */ body.pkp_page_issue_archive .issues_archive { width: 100% !important; max-width: 860px !important; margin: 0 auto !important; padding: 0 !important; } body.pkp_page_issue_archive .obj_issue_summary, body.page_issue_archive .obj_issue_summary { display: grid !important; grid-template-columns: 132px minmax(0,1fr) !important; gap: 22px !important; align-items: center !important; width: 100% !important; max-width: none !important; margin: 0 0 22px !important; padding: 20px 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jr-line) !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; } body.pkp_page_issue_archive .obj_issue_summary .cover, body.page_issue_archive .obj_issue_summary .cover, body.pkp_page_issue_archive .obj_issue_summary a.cover, body.page_issue_archive .obj_issue_summary a.cover { display: block !important; width: 120px !important; max-width: 120px !important; margin: 0 !important; background: transparent !important; border: 0 !important; } body.pkp_page_issue_archive .obj_issue_summary .cover img, body.page_issue_archive .obj_issue_summary .cover img, body.pkp_page_issue_archive .obj_issue_summary a.cover img, body.page_issue_archive .obj_issue_summary a.cover img { display: block !important; width: 120px !important; max-width: 120px !important; height: auto !important; margin: 0 !important; border: 1px solid var(--jr-line) !important; border-radius: 2px !important; box-shadow: none !important; } body.pkp_page_issue_archive .obj_issue_summary .title, body.page_issue_archive .obj_issue_summary .title, body.pkp_page_issue_archive .obj_issue_summary .title a, body.page_issue_archive .obj_issue_summary .title a { margin: 0 !important; color: var(--jr-blue) !important; text-align: left !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.35 !important; text-decoration: none !important; } /* ---------------------------------------------------------- K. NATIVE ABOUT/SUBMISSIONS/LOGIN/SEARCH — SIMPLE OJS PAGES ---------------------------------------------------------- */ body.pkp_page_about:not(:has(.jdhab-about-page)) .page > h1, body.pkp_page_page .page > h1, body.pkp_page_login .page > h1, body.pkp_page_register .page > h1, body.pkp_page_search .page > h1, body.pkp_page_issue_archive .page > h1 { margin: 0 0 22px !important; padding: 25px 28px !important; background: var(--jr-paper) !important; border: 1px solid var(--jr-line) !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 3px !important; color: var(--jr-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 30px !important; line-height: 1.18 !important; box-shadow: none !important; } .page_submissions .cmp_notification, .page_login .cmp_notification, .page_register .cmp_notification, .page_search .cmp_notification { max-width: 100% !important; border-radius: 2px !important; box-shadow: none !important; } /* ---------------------------------------------------------- L. FOOTER — CONTAINMENT ---------------------------------------------------------- */ .pkp_structure_footer, .jdhab-footer, .jdhab-footer__inner, .jdhab-footer__grid, .jdhab-footer__col { max-width: 100% !important; box-sizing: border-box !important; } } /* ============================================================ PHONE — 0–767px ============================================================ */ @media (max-width: 767px) { body.pkp_page_about .pkp_structure_content, body.pkp_page_page .pkp_structure_content, body.pkp_page_login .pkp_structure_content, body.pkp_page_register .pkp_structure_content, body.pkp_page_search .pkp_structure_content, body.pkp_page_issue_archive .pkp_structure_content, body.pkp_page_index.pkp_op_index .pkp_structure_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px 14px 0 !important; } .jdhab-about-page, .jdhab-team, .jdhab-authors, .jdhab-types, .jdhab-template, .jdhab-submit-page, .jdhab-ethics, .jdhab-review, .jdhab-peerreview, .jdhab-openaccess, .jdhab-privacy, .jdhab-archiving, .jdhab-funding, .jdhab-contact, .jdhab-services-page, .jdhab-page { width: 100% !important; max-width: none !important; padding: 0 0 36px !important; } /* Institutional hero occupies the content width; no narrow card. */ .jdhab-services-hero, .jdhab-about-hero, .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero, .jdhab-submit-page__hero, .jdhab-ethics__hero, .jdhab-review__hero, .jdhab-peerreview__hero, .jdhab-openaccess__hero, .jdhab-privacy__hero, .jdhab-archiving__hero, .jdhab-funding__hero, .jdhab-contact__hero { width: 100% !important; margin: 0 0 20px !important; padding: 23px 19px 24px !important; border-radius: 2px !important; } .jdhab-services-hero h1, .jdhab-about-hero h1, .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1, .jdhab-submit-page__hero h1, .jdhab-ethics__hero h1, .jdhab-review__hero h1, .jdhab-peerreview__hero h1, .jdhab-openaccess__hero h1, .jdhab-privacy__hero h1, .jdhab-archiving__hero h1, .jdhab-funding__hero h1, .jdhab-contact__hero h1 { font-size: clamp(26px, 7vw, 30px) !important; line-height: 1.16 !important; } .jdhab-services-hero p, .jdhab-about-hero p, .jdhab-team__hero p, .jdhab-authors__hero p, .jdhab-types__hero p, .jdhab-template__hero p, .jdhab-submit-page__hero p, .jdhab-ethics__hero p, .jdhab-review__hero p, .jdhab-peerreview__hero p, .jdhab-openaccess__hero p, .jdhab-privacy__hero p, .jdhab-archiving__hero p, .jdhab-funding__hero p, .jdhab-contact__hero p { font-size: 13.5px !important; line-height: 1.62 !important; } .jdhab-about-note, .jdhab-about-scope, .jdhab-about-openaccess, .jdhab-team__intro, .jdhab-team__section, .jdhab-team__pathway, .jdhab-authors__intro, .jdhab-authors__section, .jdhab-authors__openaccess, .jdhab-types__intro, .jdhab-types__section, .jdhab-types__standard, .jdhab-template__intro, .jdhab-template__section, .jdhab-template__final, .jdhab-submit-page__intro, .jdhab-submit-page__section, .jdhab-submit-page__notice, .jdhab-ethics__intro, .jdhab-ethics__section, .jdhab-ethics__final, .jdhab-review__intro, .jdhab-review__section, .jdhab-review__final, .jdhab-peerreview__intro, .jdhab-peerreview__section, .jdhab-peerreview__final, .jdhab-peerreview__decision, .jdhab-openaccess__intro, .jdhab-openaccess__section, .jdhab-openaccess__final, .jdhab-privacy__intro, .jdhab-privacy__section, .jdhab-privacy__final, .jdhab-archiving__intro, .jdhab-archiving__section, .jdhab-archiving__final, .jdhab-funding__intro, .jdhab-funding__section, .jdhab-funding__final, .jdhab-contact__intro, .jdhab-contact__section, .jdhab-contact__final, .jdhab-contact__location, .jdhab-contact__response, .jdhab-contact__contact, .jdhab-services-intro, .jdhab-services-section, .jdhab-services-final, .jdhab-services-external, .jdhab-services-single, .jdhab-page__intro, .jdhab-page__section, .jdhab-open-access-note, .jdhab-payment-box, .jdhab-integrity-box, .jdhab-contact-call { margin: 14px 0 !important; padding: 20px 18px !important; } .jdhab-about-grid, .jdhab-team__grid, .jdhab-team__grid--two, .jdhab-team__grid--advisory, .jdhab-authors__quickgrid, .jdhab-authors__grid, .jdhab-authors__grid--two, .jdhab-types__grid, .jdhab-types__grid--two, .jdhab-types__limits-grid, .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three, .jdhab-submit-page__grid, .jdhab-submit-page__grid--two, .jdhab-submit-page__grid--three, .jdhab-ethics__quickgrid, .jdhab-ethics__grid, .jdhab-ethics__grid--two, .jdhab-review__quickgrid, .jdhab-review__grid, .jdhab-peerreview__quickgrid, .jdhab-peerreview__grid, .jdhab-peerreview__grid--two, .jdhab-peerreview__decisiongrid, .jdhab-openaccess__quickgrid, .jdhab-openaccess__grid, .jdhab-openaccess__grid--two, .jdhab-privacy__quickgrid, .jdhab-privacy__grid, .jdhab-privacy__grid--two, .jdhab-archiving__quickgrid, .jdhab-archiving__grid, .jdhab-archiving__grid--two, .jdhab-funding__quickgrid, .jdhab-funding__grid, .jdhab-funding__grid--two, .jdhab-contact__quickgrid, .jdhab-contact__grid, .jdhab-contact__grid--two, .jdhab-contact__contacts, .jdhab-services-grid, .jdhab-services-columns, .jdhab-page__grid, .jdhab-page__grid--two { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; margin: 14px 0 20px !important; } .jdhab-card, .jdhab-about-card, .jdhab-team__card, .jdhab-member, .jdhab-author-card, .jdhab-authors__quickcard, .jdhab-type-card, .jdhab-limit-card, .jdhab-template-card, .jdhab-template-check, .jdhab-submit-page-card, .jdhab-ethics-card, .jdhab-ethics__quickcard, .jdhab-review-card, .jdhab-review__quickcard, .jdhab-peerreview-card, .jdhab-peerreview__quickcard, .jdhab-openaccess-card, .jdhab-openaccess__quickcard, .jdhab-privacy-card, .jdhab-privacy__quickcard, .jdhab-archiving-card, .jdhab-archiving__quickcard, .jdhab-funding-card, .jdhab-funding__quickcard, .jdhab-contact-card, .jdhab-contact__quickcard, .jdhab-service-card { padding: 18px 17px 19px !important; } .jdhab-template__button-wrap, .jdhab-submit-page__actions { display: grid !important; grid-template-columns: 1fr !important; gap: 9px !important; width: 100% !important; } .jdhab-template__button, .jdhab-submit-page__action, .jdhab-author-card--download a, .jdhab-template-card--resource a, .jdhab-submit-page__actions a { width: 100% !important; justify-content: center !important; text-align: center !important; } /* Tables stay usable instead of shrinking until unreadable. */ .jdhab-table-wrap, .jdhab-limits-table { margin-left: 0 !important; margin-right: 0 !important; padding-bottom: 4px !important; } /* Home */ body.pkp_page_index.pkp_op_index .current_issue > h2 { margin-bottom: 18px !important; padding: 23px 20px 50px !important; font-size: clamp(26px, 7vw, 30px) !important; } body.pkp_page_index.pkp_op_index .current_issue > .current_issue_title { margin: -53px 20px 27px !important; font-size: 13px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading { grid-template-columns: minmax(0,1fr) !important; gap: 18px !important; padding: 20px 18px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover { width: 150px !important; max-width: 150px !important; margin: 0 auto !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img { width: 150px !important; max-width: 150px !important; margin: 0 auto !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published { padding-left: 15px !important; } /* Archives */ body.pkp_page_issue_archive .obj_issue_summary, body.page_issue_archive .obj_issue_summary { grid-template-columns: 92px minmax(0,1fr) !important; gap: 15px !important; padding: 17px 0 !important; } body.pkp_page_issue_archive .obj_issue_summary .cover, body.page_issue_archive .obj_issue_summary .cover, body.pkp_page_issue_archive .obj_issue_summary a.cover, body.page_issue_archive .obj_issue_summary a.cover, body.pkp_page_issue_archive .obj_issue_summary .cover img, body.page_issue_archive .obj_issue_summary .cover img, body.pkp_page_issue_archive .obj_issue_summary a.cover img, body.page_issue_archive .obj_issue_summary a.cover img { width: 86px !important; max-width: 86px !important; } body.pkp_page_issue_archive .obj_issue_summary .title, body.page_issue_archive .obj_issue_summary .title, body.pkp_page_issue_archive .obj_issue_summary .title a, body.page_issue_archive .obj_issue_summary .title a { font-size: 16px !important; } /* Native OJS page titles */ body.pkp_page_about:not(:has(.jdhab-about-page)) .page > h1, body.pkp_page_page .page > h1, body.pkp_page_login .page > h1, body.pkp_page_register .page > h1, body.pkp_page_search .page > h1, body.pkp_page_issue_archive .page > h1 { margin-bottom: 18px !important; padding: 22px 18px !important; font-size: 27px !important; } /* Footer text never forces horizontal overflow. */ .jdhab-footer, .jdhab-footer a, .jdhab-footer p, .jdhab-footer div { overflow-wrap: anywhere !important; } } @media (max-width: 420px) { body.pkp_page_about .pkp_structure_content, body.pkp_page_page .pkp_structure_content, body.pkp_page_login .pkp_structure_content, body.pkp_page_register .pkp_structure_content, body.pkp_page_search .pkp_structure_content, body.pkp_page_issue_archive .pkp_structure_content, body.pkp_page_index.pkp_op_index .pkp_structure_content { padding-left: 12px !important; padding-right: 12px !important; } .jdhab-services-hero, .jdhab-about-hero, .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero, .jdhab-submit-page__hero, .jdhab-ethics__hero, .jdhab-review__hero, .jdhab-peerreview__hero, .jdhab-openaccess__hero, .jdhab-privacy__hero, .jdhab-archiving__hero, .jdhab-funding__hero, .jdhab-contact__hero { padding-left: 17px !important; padding-right: 17px !important; } .jdhab-card, .jdhab-about-card, .jdhab-team__card, .jdhab-member, .jdhab-author-card, .jdhab-authors__quickcard, .jdhab-type-card, .jdhab-limit-card, .jdhab-template-card, .jdhab-template-check, .jdhab-submit-page-card, .jdhab-ethics-card, .jdhab-ethics__quickcard, .jdhab-review-card, .jdhab-review__quickcard, .jdhab-peerreview-card, .jdhab-peerreview__quickcard, .jdhab-openaccess-card, .jdhab-openaccess__quickcard, .jdhab-privacy-card, .jdhab-privacy__quickcard, .jdhab-archiving-card, .jdhab-archiving__quickcard, .jdhab-funding-card, .jdhab-funding__quickcard, .jdhab-contact-card, .jdhab-contact__quickcard, .jdhab-service-card { padding-left: 15px !important; padding-right: 15px !important; } } /* ============================================================ AUTHOR FORMS & DECLARATIONS — responsive parity ============================================================ */ @media (max-width: 1180px) { body.pkp_page_author-forms-declarations .pkp_structure_content { width: calc(100% - 48px) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 24px 0 0 !important; background: #fff !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations .pkp_structure_main, body.pkp_page_author-forms-declarations .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 0 48px !important; border: 0 !important; background: #fff !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations .page { width: 100% !important; max-width: 1040px !important; margin: 0 auto !important; padding: 0 !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child { width: 100% !important; margin: 0 0 24px !important; padding: 30px 32px !important; background: var(--jr-paper) !important; background-image: none !important; border: 1px solid var(--jr-line) !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 3px !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child h2 { margin: 0 0 11px !important; color: var(--jr-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: clamp(30px, 4vw, 36px) !important; font-weight: 700 !important; line-height: 1.14 !important; letter-spacing: -.022em !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child p { max-width: 820px !important; color: var(--jr-muted) !important; font-size: 15px !important; line-height: 1.7 !important; } body.pkp_page_author-forms-declarations .page > div > div:nth-child(3), body.pkp_page_author-forms-declarations .page > div > div:last-child { width: 100% !important; margin: 18px 0 !important; padding: 23px 25px !important; background: #fff !important; border: 1px solid #E2DFD8 !important; border-left: 3px solid var(--jr-accent) !important; border-radius: 2px !important; box-shadow: none !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"] { min-height: 38px !important; padding: 9px 14px !important; border: 1px solid var(--jr-blue) !important; border-radius: 2px !important; background: #fff !important; color: var(--jr-blue) !important; box-shadow: none !important; transform: none !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"]:hover, body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"]:focus { background: var(--jr-blue) !important; color: #fff !important; box-shadow: none !important; transform: none !important; } } @media (max-width: 767px) { body.pkp_page_author-forms-declarations .pkp_structure_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px 14px 0 !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child { padding: 23px 19px 24px !important; } body.pkp_page_author-forms-declarations .page > div > div:first-child h2 { font-size: clamp(26px, 7vw, 30px) !important; } body.pkp_page_author-forms-declarations .page > div > div:nth-child(3), body.pkp_page_author-forms-declarations .page > div > div:last-child { padding: 20px 18px !important; } body.pkp_page_author-forms-declarations a[href*="/libraryFiles/downloadPublic/17"] { width: 100% !important; justify-content: center !important; text-align: center !important; } } /* ============================================================ JDHAB — V7 SURGICAL RESPONSIVE CORRECTIONS Base: melhor_responsiva.css (preserved intact above) Scope: <=1180px only Purpose: 1) Fix Submit Paper action block mistakenly treated as a button 2) Prevent vertical/letter-by-letter text wrapping 3) Remove legacy gold/pill CTAs on Authors/Types in responsive view 4) Preserve the approved desktop (>1180px) exactly as in the base ============================================================ */ @media (max-width: 1180px) { /* ---------------------------------------------------------- A. SUBMIT PAPER — action block is a CONTAINER, not a button ---------------------------------------------------------- */ body.pkp_page_submit-paper .jdhab-submit-page__action { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 18px 0 !important; padding: 22px 20px 24px !important; background: #F8F7F3 !important; background-image: none !important; border: 1px solid #DCD8D0 !important; border-left: 3px solid #6C7468 !important; border-radius: 3px !important; box-shadow: none !important; transform: none !important; overflow: visible !important; align-items: initial !important; justify-content: initial !important; text-align: left !important; color: #20272A !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; } body.pkp_page_submit-paper .jdhab-submit-page__action::after { display: none !important; content: none !important; } body.pkp_page_submit-paper .jdhab-submit-page__action h2 { display: block !important; width: 100% !important; margin: 0 0 12px !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 1px solid #DCD8D0 !important; color: #143B5C !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 22px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -.012em !important; writing-mode: horizontal-tb !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body.pkp_page_submit-paper .jdhab-submit-page__action p, body.pkp_page_submit-paper .jdhab-submit-page__action li, body.pkp_page_submit-paper .jdhab-submit-page__action span, body.pkp_page_submit-paper .jdhab-submit-page__action strong { display: revert !important; max-width: 100% !important; color: #465156 !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body.pkp_page_submit-paper .jdhab-submit-page__action p { margin: 0 0 10px !important; font-size: 14px !important; line-height: 1.68 !important; } body.pkp_page_submit-paper .jdhab-submit-page__actions { position: static !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 16px 0 0 !important; padding: 0 !important; } body.pkp_page_submit-paper .jdhab-submit-page__actions a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; min-height: 40px !important; margin: 0 !important; padding: 10px 13px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #DEDAD3 !important; border-left: 2px solid #7B8278 !important; border-radius: 2px !important; color: #143B5C !important; font-size: 12.5px !important; font-weight: 750 !important; line-height: 1.35 !important; letter-spacing: 0 !important; text-align: left !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } body.pkp_page_submit-paper .jdhab-submit-page__actions a::after { content: "→" !important; display: inline-block !important; flex: 0 0 auto !important; margin-left: 10px !important; color: #6C7468 !important; font-size: 14px !important; font-weight: 700 !important; } body.pkp_page_submit-paper .jdhab-submit-page__actions a:hover, body.pkp_page_submit-paper .jdhab-submit-page__actions a:focus { background: #FCFBF8 !important; border-color: #CBC7C0 !important; border-left-color: #6C7468 !important; color: #0B243B !important; box-shadow: none !important; transform: none !important; } /* No vertical text anywhere inside Submit Paper */ body.pkp_page_submit-paper .jdhab-submit-page, body.pkp_page_submit-paper .jdhab-submit-page * { writing-mode: horizontal-tb !important; text-orientation: mixed !important; word-break: normal !important; } body.pkp_page_submit-paper .jdhab-submit-page p, body.pkp_page_submit-paper .jdhab-submit-page li, body.pkp_page_submit-paper .jdhab-submit-page a, body.pkp_page_submit-paper .jdhab-submit-page h1, body.pkp_page_submit-paper .jdhab-submit-page h2, body.pkp_page_submit-paper .jdhab-submit-page h3 { overflow-wrap: break-word !important; } /* ---------------------------------------------------------- B. AUTHORS / ARTICLE TYPES — remove legacy gold pill CTAs ---------------------------------------------------------- */ .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a, .jdhab-author-card--download a, .jdhab-types .jdhab-type-card p > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-height: 38px !important; margin: 7px 0 0 !important; padding: 9px 14px !important; background: #FFFFFF !important; background-image: none !important; border: 1px solid #143B5C !important; border-radius: 2px !important; color: #143B5C !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: .02em !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; } .jdhab-authors .jdhab-author-card p > a:hover, .jdhab-authors .jdhab-author-card p > a:focus, .jdhab-authors .jdhab-authors__quickcard p > a:hover, .jdhab-authors .jdhab-authors__quickcard p > a:focus, .jdhab-authors .jdhab-authors__openaccess p > a:hover, .jdhab-authors .jdhab-authors__openaccess p > a:focus, .jdhab-author-card--download a:hover, .jdhab-author-card--download a:focus, .jdhab-types .jdhab-type-card p > a:hover, .jdhab-types .jdhab-type-card p > a:focus { background: #143B5C !important; border-color: #143B5C !important; color: #FFFFFF !important; box-shadow: none !important; transform: none !important; } /* Remove any old gold outline that survives by specificity */ .jdhab-authors a, .jdhab-types a { --jdhab-legacy-gold: transparent; } } @media (max-width: 767px) { body.pkp_page_submit-paper .jdhab-submit-page__actions { grid-template-columns: minmax(0, 1fr) !important; } body.pkp_page_submit-paper .jdhab-submit-page__action { padding: 20px 18px 22px !important; } body.pkp_page_submit-paper .jdhab-submit-page__action h2 { font-size: 20px !important; } .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a, .jdhab-author-card--download a, .jdhab-types .jdhab-type-card p > a { width: 100% !important; text-align: center !important; } } /* ============================================================ END — V7 SURGICAL RESPONSIVE CORRECTIONS ============================================================ */ /* ============================================================ JDHAB — V8 REFINAMENTO RESPONSIVO CIRÚRGICO Base preservada: JDHAB_RESPONSIVA_APROVADA_CORRIGIDA_v7.css Escopo: tablet/mobile somente (<=1180px) Objetivos: 1) Editorial Team sem "pílulas/botões" de cargo 2) Corrigir Reference and Formatting Standard em Article Types 3) Reduzir fadiga visual em páginas longas sem alterar o desktop ============================================================ */ @media (max-width: 1180px) { /* ---------------------------------------------------------- 1. EDITORIAL TEAM — cargos como metadado editorial, não botão ---------------------------------------------------------- */ .jdhab-team .jdhab-member__role, .jdhab-team__section .jdhab-member .jdhab-member__role { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 0 7px !important; padding: 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; color: #667066 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .105em !important; text-transform: uppercase !important; box-shadow: none !important; transform: none !important; white-space: normal !important; overflow-wrap: break-word !important; } .jdhab-team .jdhab-member:hover, .jdhab-team .jdhab-team__card:hover { transform: none !important; box-shadow: none !important; } /* ---------------------------------------------------------- 2. ARTICLE TYPES — Reference and Formatting Standard A camada responsiva anterior deixava o bloco branco mas mantinha texto branco herdado do antigo callout escuro. ---------------------------------------------------------- */ .jdhab-types .jdhab-types__standard { position: relative !important; overflow: visible !important; width: 100% !important; min-height: 0 !important; margin: 18px 0 !important; padding: 24px 26px !important; background: #F8F7F3 !important; background-image: none !important; border: 1px solid #DDD9D1 !important; border-left: 3px solid #6C7468 !important; border-radius: 2px !important; color: #263238 !important; box-shadow: none !important; } .jdhab-types .jdhab-types__standard::after { display: none !important; content: none !important; } .jdhab-types .jdhab-types__standard h2 { margin: 0 0 14px !important; padding: 0 0 10px !important; color: #123A5D !important; border-bottom: 1px solid #DDD9D1 !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-types .jdhab-types__standard p, .jdhab-types .jdhab-types__standard li, .jdhab-types .jdhab-types__standard strong, .jdhab-types .jdhab-types__standard em, .jdhab-types .jdhab-types__standard a { position: relative !important; z-index: 1 !important; color: #465156 !important; } .jdhab-types .jdhab-types__standard strong { color: #263238 !important; } .jdhab-types .jdhab-types__standard a { color: #123A5D !important; } /* ---------------------------------------------------------- 3. HIERARQUIA DE LEITURA — páginas institucionais extensas ---------------------------------------------------------- */ .jdhab-team__section > h2, .jdhab-authors__section > h2, .jdhab-types__section > h2, .jdhab-template__section > h2 { color: #123A5D !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-weight: 700 !important; letter-spacing: -.012em !important; } .jdhab-team p, .jdhab-authors p, .jdhab-types p, .jdhab-template p, .jdhab-team li, .jdhab-authors li, .jdhab-types li, .jdhab-template li { word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important; } } @media (max-width: 767px) { /* ========================================================== EDITORIAL TEAM — masthead em registros, não cartões ========================================================== */ .jdhab-team__section { padding: 20px 18px !important; } .jdhab-team__section > h2 { margin: 0 0 8px !important; padding: 0 0 10px !important; font-size: 21px !important; line-height: 1.25 !important; } .jdhab-team__grid, .jdhab-team__grid--two, .jdhab-team__grid--advisory { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: 8px 0 0 !important; } .jdhab-team .jdhab-member, .jdhab-team .jdhab-team__card { margin: 0 !important; padding: 17px 0 18px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E4E1DA !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-team .jdhab-member:first-child, .jdhab-team .jdhab-team__card:first-child { border-top: 1px solid #E4E1DA !important; } .jdhab-team .jdhab-member__role, .jdhab-team__section .jdhab-member .jdhab-member__role { margin-bottom: 6px !important; color: #6C7468 !important; font-size: 9.5px !important; line-height: 1.35 !important; letter-spacing: .11em !important; } .jdhab-team .jdhab-member__name { margin: 0 0 7px !important; color: #123A5D !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.28 !important; letter-spacing: -.012em !important; } .jdhab-team .jdhab-member__affiliation { margin: 0 0 8px !important; color: #36434A !important; font-size: 13px !important; line-height: 1.52 !important; } .jdhab-team .jdhab-member__expertise { margin: 0 !important; color: #6A7479 !important; font-size: 12.5px !important; line-height: 1.55 !important; } /* ========================================================== ARTICLE TYPES — menos "card after card", mais leitura editorial ========================================================== */ .jdhab-types__section { padding: 20px 18px !important; } .jdhab-types__section > h2, .jdhab-types__standard > h2 { font-size: 20.5px !important; line-height: 1.28 !important; } .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; margin: 8px 0 0 !important; } .jdhab-types .jdhab-limit-card, .jdhab-types .jdhab-type-card { margin: 0 !important; padding: 17px 0 18px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E4E1DA !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-types .jdhab-limit-card:first-child, .jdhab-types .jdhab-type-card:first-child { border-top: 1px solid #E4E1DA !important; } .jdhab-types .jdhab-limit-card:hover, .jdhab-types .jdhab-type-card:hover { transform: none !important; box-shadow: none !important; } .jdhab-types .jdhab-limit-card__label { display: block !important; width: auto !important; margin: 0 0 6px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #6C7468 !important; font-size: 9.5px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .11em !important; text-transform: uppercase !important; } .jdhab-types .jdhab-limit-card h3, .jdhab-types .jdhab-type-card h3 { margin: 0 0 8px !important; color: #123A5D !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; } .jdhab-types .jdhab-limit-card__meta p, .jdhab-types .jdhab-type-card p { font-size: 13px !important; line-height: 1.62 !important; } .jdhab-types .jdhab-types__tags { margin-top: 10px !important; padding-top: 9px !important; font-size: 11.5px !important; line-height: 1.5 !important; } .jdhab-types .jdhab-types__standard { margin: 14px 0 18px !important; padding: 20px 18px !important; } /* ========================================================== AUTHORS + MANUSCRIPT TEMPLATE — reduzir fadiga de caixas sem esconder conteúdo e sem JS ========================================================== */ .jdhab-authors__grid, .jdhab-authors__grid--two, .jdhab-authors__quickgrid, .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three { gap: 0 !important; } .jdhab-authors .jdhab-author-card, .jdhab-authors .jdhab-authors__quickcard, .jdhab-template .jdhab-template-card, .jdhab-template .jdhab-template-check { margin: 0 !important; padding: 17px 0 18px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #E4E1DA !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors .jdhab-author-card:first-child, .jdhab-authors .jdhab-authors__quickcard:first-child, .jdhab-template .jdhab-template-card:first-child, .jdhab-template .jdhab-template-check:first-child { border-top: 1px solid #E4E1DA !important; } .jdhab-authors .jdhab-author-card:hover, .jdhab-authors .jdhab-authors__quickcard:hover, .jdhab-template .jdhab-template-card:hover, .jdhab-template .jdhab-template-check:hover { transform: none !important; box-shadow: none !important; } .jdhab-authors .jdhab-author-card h3, .jdhab-template .jdhab-template-card h3, .jdhab-template .jdhab-template-check h3 { margin-bottom: 8px !important; font-size: 17px !important; line-height: 1.3 !important; } /* Texto de corpo: confortável, mas não excessivamente grande */ .jdhab-authors p, .jdhab-authors li, .jdhab-template p, .jdhab-template li { font-size: 13px !important; line-height: 1.64 !important; } /* CTAs da V7 continuam no novo padrão; apenas refinamos a largura */ .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a, .jdhab-author-card--download a, .jdhab-types .jdhab-type-card p > a { min-height: 40px !important; border-radius: 2px !important; box-shadow: none !important; } } /* iPhone SE / telas muito estreitas */ @media (max-width: 390px) { .jdhab-team__section, .jdhab-types__section, .jdhab-types__standard { padding-left: 16px !important; padding-right: 16px !important; } .jdhab-team .jdhab-member__name { font-size: 17px !important; } .jdhab-types .jdhab-limit-card h3, .jdhab-types .jdhab-type-card h3 { font-size: 16.5px !important; } } /* ============================================================ END — V8 REFINAMENTO RESPONSIVO CIRÚRGICO ============================================================ */ /* ============================================================ JDHAB — V9 EDITORIAL MOBILE Base preservada: JDHAB_RESPONSIVA_REFINADA_v8.css Escopo: somente tablet/mobile; desktop >1180px preservado. Conceito: - menos "card UI" - mais documento editorial científico - superfícies claras apenas para informação prioritária/ação - seções abertas, filetes finos e hierarquia tipográfica ============================================================ */ @media (max-width: 1180px) { :root { --jdhab-mob-blue: #123A5D; --jdhab-mob-blue-dark: #0B263F; --jdhab-mob-ink: #263238; --jdhab-mob-text: #465156; --jdhab-mob-muted: #6C7478; --jdhab-mob-mineral: #6C7468; --jdhab-mob-line: #E1DED7; --jdhab-mob-paper: #FCFBF8; --jdhab-mob-soft: #F6F5F1; } /* ---------------------------------------------------------- HEROES CUSTOMIZADOS — deixam de parecer "landing page" ---------------------------------------------------------- */ .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero { background: var(--jdhab-mob-paper) !important; background-image: none !important; color: var(--jdhab-mob-ink) !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; overflow: hidden !important; } .jdhab-team__hero::after, .jdhab-authors__hero::after, .jdhab-types__hero::after, .jdhab-template__hero::after { display: none !important; content: none !important; } .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1 { color: var(--jdhab-mob-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; letter-spacing: -.018em !important; } .jdhab-team__hero p, .jdhab-authors__hero p, .jdhab-types__hero p, .jdhab-template__hero p { color: var(--jdhab-mob-text) !important; } .jdhab-team__kicker, .jdhab-authors__kicker, .jdhab-types__kicker, .jdhab-template__kicker { display: block !important; width: auto !important; margin: 0 0 9px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--jdhab-mob-mineral) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } /* ---------------------------------------------------------- INTRO / ÂNCORAS — uma única superfície editorial ---------------------------------------------------------- */ .jdhab-team__intro, .jdhab-authors__intro, .jdhab-types__intro, .jdhab-template__intro { background: #FFFFFF !important; background-image: none !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; } /* ---------------------------------------------------------- TÍTULOS DE SEÇÃO — linguagem de periódico ---------------------------------------------------------- */ .jdhab-team__section > h2, .jdhab-authors__section > h2, .jdhab-types__section > h2, .jdhab-template__section > h2 { border-bottom: 1px solid var(--jdhab-mob-line) !important; color: var(--jdhab-mob-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; letter-spacing: -.015em !important; } /* ---------------------------------------------------------- BOTÕES/CTAs — somente ações reais parecem ações ---------------------------------------------------------- */ .jdhab-template__button, .jdhab-template-card a, .jdhab-template-card--resource a, .jdhab-template-card--lead a { box-shadow: none !important; transform: none !important; } } @media (max-width: 767px) { /* ========================================================== 0. CANVAS E LARGURA ========================================================== */ .jdhab-team, .jdhab-authors, .jdhab-types, .jdhab-template { width: calc(100% - 28px) !important; max-width: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; } .jdhab-team__hero, .jdhab-authors__hero, .jdhab-types__hero, .jdhab-template__hero { margin: 12px 0 18px !important; padding: 22px 18px 21px !important; } .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1 { margin: 0 0 10px !important; font-size: 26px !important; line-height: 1.14 !important; } .jdhab-team__hero p, .jdhab-authors__hero p, .jdhab-types__hero p, .jdhab-template__hero p { margin: 0 !important; font-size: 13.5px !important; line-height: 1.62 !important; } .jdhab-team__intro, .jdhab-authors__intro, .jdhab-types__intro, .jdhab-template__intro { margin: 0 0 18px !important; padding: 18px 17px !important; } .jdhab-team__intro p, .jdhab-authors__intro p, .jdhab-types__intro p, .jdhab-template__intro p { font-size: 13.5px !important; line-height: 1.65 !important; } /* ========================================================== 1. SEÇÕES: remover "caixa dentro de caixa" ========================================================== */ .jdhab-team__section, .jdhab-authors__section, .jdhab-types__section, .jdhab-template__section { margin: 0 !important; padding: 22px 0 20px !important; background: transparent !important; background-image: none !important; border: 0 !important; border-top: 1px solid var(--jdhab-mob-line) !important; border-radius: 0 !important; box-shadow: none !important; } .jdhab-team__section:first-of-type, .jdhab-authors__section:first-of-type, .jdhab-types__section:first-of-type, .jdhab-template__section:first-of-type { border-top: 0 !important; } .jdhab-team__section > h2, .jdhab-authors__section > h2, .jdhab-types__section > h2, .jdhab-template__section > h2 { margin: 0 0 13px !important; padding: 0 0 9px !important; font-size: 20px !important; line-height: 1.25 !important; } /* ========================================================== 2. EDITORIAL TEAM — masthead aberto ========================================================== */ .jdhab-team__grid, .jdhab-team__grid--two, .jdhab-team__grid--advisory { display: block !important; margin: 0 !important; } .jdhab-team .jdhab-member, .jdhab-team .jdhab-team__card { display: block !important; margin: 0 !important; padding: 16px 0 17px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mob-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-team .jdhab-member:last-child, .jdhab-team .jdhab-team__card:last-child { border-bottom: 0 !important; } .jdhab-team .jdhab-member__role { margin: 0 0 5px !important; padding: 0 !important; color: var(--jdhab-mob-mineral) !important; font-size: 9.3px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .105em !important; } .jdhab-team .jdhab-member__name { margin: 0 0 6px !important; color: var(--jdhab-mob-blue) !important; font-size: 17.5px !important; line-height: 1.28 !important; } .jdhab-team .jdhab-member__affiliation { margin: 0 0 7px !important; color: #36434A !important; font-size: 12.8px !important; line-height: 1.52 !important; } .jdhab-team .jdhab-member__expertise { margin: 0 !important; color: #6B7478 !important; font-size: 12.2px !important; line-height: 1.52 !important; } /* Responsible Institution / Publication Data: duas fichas leves */ .jdhab-team .jdhab-team__card:not(.jdhab-member) { padding-left: 0 !important; padding-right: 0 !important; } /* Pathway final: não voltar ao grande bloco azul */ .jdhab-team__pathway { margin: 22px 0 0 !important; padding: 19px 17px !important; background: var(--jdhab-mob-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; } .jdhab-team__pathway::after { display: none !important; content: none !important; } .jdhab-team__pathway h2 { color: var(--jdhab-mob-blue) !important; } .jdhab-team__pathway p { color: var(--jdhab-mob-text) !important; } /* ========================================================== 3. ARTICLE TYPES — de cartões para fichas editoriais ========================================================== */ .jdhab-types__limits-grid, .jdhab-types__grid, .jdhab-types__grid--two { display: block !important; margin: 0 !important; } .jdhab-types .jdhab-limit-card, .jdhab-types .jdhab-type-card { margin: 0 !important; padding: 16px 0 17px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mob-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-types .jdhab-limit-card:last-child, .jdhab-types .jdhab-type-card:last-child { border-bottom: 0 !important; } .jdhab-types .jdhab-limit-card__label { margin: 0 0 5px !important; padding: 0 !important; background: transparent !important; border: 0 !important; color: var(--jdhab-mob-mineral) !important; font-size: 9.3px !important; font-weight: 800 !important; letter-spacing: .11em !important; } .jdhab-types .jdhab-limit-card h3, .jdhab-types .jdhab-type-card h3 { margin: 0 0 7px !important; color: var(--jdhab-mob-blue) !important; font-size: 16.8px !important; line-height: 1.3 !important; } .jdhab-types .jdhab-limit-card__meta p, .jdhab-types .jdhab-type-card p { margin: 0 0 6px !important; color: var(--jdhab-mob-text) !important; font-size: 12.8px !important; line-height: 1.6 !important; } .jdhab-types .jdhab-types__tags { margin: 9px 0 0 !important; padding: 8px 0 0 !important; border-top: 1px solid #ECE9E3 !important; color: var(--jdhab-mob-mineral) !important; font-size: 10.7px !important; line-height: 1.48 !important; } /* Reference and Formatting Standard — bloco curto e visível */ .jdhab-types .jdhab-types__standard { min-height: 0 !important; margin: 20px 0 4px !important; padding: 18px 17px !important; background: var(--jdhab-mob-paper) !important; color: var(--jdhab-mob-ink) !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; } .jdhab-types .jdhab-types__standard h2 { margin: 0 0 10px !important; padding: 0 0 8px !important; color: var(--jdhab-mob-blue) !important; border-bottom: 1px solid var(--jdhab-mob-line) !important; font-size: 19px !important; } .jdhab-types .jdhab-types__standard p { margin: 0 0 9px !important; color: var(--jdhab-mob-text) !important; font-size: 12.8px !important; line-height: 1.6 !important; } /* ========================================================== 4. INSTRUCTIONS FOR AUTHORS — manual, não dashboard ========================================================== */ .jdhab-authors__quickgrid, .jdhab-authors__grid, .jdhab-authors__grid--two { display: block !important; margin: 0 !important; } .jdhab-authors .jdhab-authors__quickcard, .jdhab-authors .jdhab-author-card { margin: 0 !important; padding: 16px 0 17px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mob-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-authors .jdhab-authors__quickcard:last-child, .jdhab-authors .jdhab-author-card:last-child { border-bottom: 0 !important; } .jdhab-authors .jdhab-authors__quickcard::before { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 30px !important; height: 24px !important; margin: 0 0 8px !important; padding: 0 7px !important; background: var(--jdhab-mob-soft) !important; border: 1px solid var(--jdhab-mob-line) !important; border-radius: 2px !important; color: var(--jdhab-mob-mineral) !important; font-size: 9px !important; font-weight: 800 !important; letter-spacing: .08em !important; } .jdhab-authors .jdhab-author-card h3, .jdhab-authors .jdhab-authors__quickcard h3 { margin: 0 0 7px !important; color: var(--jdhab-mob-blue) !important; font-size: 16.5px !important; line-height: 1.3 !important; } .jdhab-authors .jdhab-author-card p, .jdhab-authors .jdhab-author-card li, .jdhab-authors .jdhab-authors__quickcard p { color: var(--jdhab-mob-text) !important; font-size: 12.8px !important; line-height: 1.62 !important; } .jdhab-authors__tags { margin: 9px 0 0 !important; padding: 8px 0 0 !important; border-top: 1px solid #ECE9E3 !important; color: var(--jdhab-mob-mineral) !important; font-size: 10.7px !important; line-height: 1.48 !important; } /* Links de recursos = links editoriais, não botões */ .jdhab-authors .jdhab-author-card p > a, .jdhab-authors .jdhab-authors__quickcard p > a, .jdhab-authors .jdhab-authors__openaccess p > a, .jdhab-author-card--download a { display: inline-flex !important; width: auto !important; min-height: 0 !important; margin: 7px 0 0 !important; padding: 2px 0 4px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mob-mineral) !important; border-radius: 0 !important; color: var(--jdhab-mob-blue) !important; font-size: 11.5px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .02em !important; box-shadow: none !important; transform: none !important; } .jdhab-authors .jdhab-author-card p > a:hover, .jdhab-authors .jdhab-author-card p > a:focus, .jdhab-authors .jdhab-authors__quickcard p > a:hover, .jdhab-authors .jdhab-authors__quickcard p > a:focus, .jdhab-authors .jdhab-authors__openaccess p > a:hover, .jdhab-authors .jdhab-authors__openaccess p > a:focus, .jdhab-author-card--download a:hover, .jdhab-author-card--download a:focus { background: transparent !important; border-bottom-color: var(--jdhab-mob-blue) !important; color: var(--jdhab-mob-blue-dark) !important; } .jdhab-authors__openaccess { margin: 22px 0 0 !important; padding: 18px 17px !important; background: var(--jdhab-mob-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; } .jdhab-authors__openaccess::after { display: none !important; content: none !important; } .jdhab-authors__openaccess h2 { color: var(--jdhab-mob-blue) !important; } .jdhab-authors__openaccess p, .jdhab-authors__openaccess strong { color: var(--jdhab-mob-text) !important; } /* ========================================================== 5. MANUSCRIPT TEMPLATES / PREPARATION — catálogo editorial ========================================================== */ .jdhab-template__grid, .jdhab-template__grid--two, .jdhab-template__grid--three, .jdhab-template__checklist { display: block !important; margin: 0 !important; } .jdhab-template .jdhab-template-card, .jdhab-template .jdhab-template-check { margin: 0 !important; padding: 16px 0 17px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-mob-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .jdhab-template .jdhab-template-card:last-child, .jdhab-template .jdhab-template-check:last-child { border-bottom: 0 !important; } .jdhab-template-card__label { display: block !important; margin: 0 0 5px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--jdhab-mob-mineral) !important; font-size: 9.3px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .11em !important; text-transform: uppercase !important; } .jdhab-template .jdhab-template-card h3, .jdhab-template .jdhab-template-check h3 { margin: 0 0 7px !important; color: var(--jdhab-mob-blue) !important; font-size: 16.5px !important; line-height: 1.3 !important; } .jdhab-template .jdhab-template-card p, .jdhab-template .jdhab-template-check p, .jdhab-template .jdhab-template-check li { color: var(--jdhab-mob-text) !important; font-size: 12.8px !important; line-height: 1.62 !important; } /* Download vira ação editorial horizontal */ .jdhab-template__button, .jdhab-template-card a, .jdhab-template-card--resource a, .jdhab-template-card--lead a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 42px !important; margin: 10px 0 0 !important; padding: 8px 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid #ECE9E3 !important; border-bottom: 1px solid var(--jdhab-mob-mineral) !important; border-radius: 0 !important; color: var(--jdhab-mob-blue) !important; font-size: 11.5px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: .02em !important; text-align: left !important; text-decoration: none !important; box-shadow: none !important; transform: none !important; } .jdhab-template__button::after, .jdhab-template-card a::after, .jdhab-template-card--resource a::after, .jdhab-template-card--lead a::after { content: "→" !important; display: inline-block !important; margin-left: 12px !important; color: var(--jdhab-mob-mineral) !important; font-size: 14px !important; } .jdhab-template__button:hover, .jdhab-template__button:focus, .jdhab-template-card a:hover, .jdhab-template-card a:focus { background: transparent !important; color: var(--jdhab-mob-blue-dark) !important; border-bottom-color: var(--jdhab-mob-blue) !important; } .jdhab-template__final { margin: 22px 0 0 !important; padding: 18px 17px !important; background: var(--jdhab-mob-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-mob-line) !important; border-left: 3px solid var(--jdhab-mob-mineral) !important; border-radius: 2px !important; box-shadow: none !important; } /* ========================================================== 6. LISTAS LONGAS — ritmo de leitura ========================================================== */ .jdhab-authors ul, .jdhab-types ul, .jdhab-template ul { margin-top: 8px !important; margin-bottom: 10px !important; padding-left: 18px !important; } .jdhab-authors li, .jdhab-types li, .jdhab-template li { margin-bottom: 5px !important; } .jdhab-authors p:last-child, .jdhab-types p:last-child, .jdhab-template p:last-child, .jdhab-team p:last-child { margin-bottom: 0 !important; } } /* iPhone SE e telas muito estreitas */ @media (max-width: 390px) { .jdhab-team, .jdhab-authors, .jdhab-types, .jdhab-template { width: calc(100% - 24px) !important; } .jdhab-team__hero h1, .jdhab-authors__hero h1, .jdhab-types__hero h1, .jdhab-template__hero h1 { font-size: 24px !important; } .jdhab-team .jdhab-member__name { font-size: 17px !important; } } /* ============================================================ END — JDHAB V9 EDITORIAL MOBILE ============================================================ */ /* ============================================================ JDHAB — v9.1 · ARTICLE / GALLEY VIEWER BAR Alteração cirúrgica: somente a faixa superior dos artigos. Igual ao cabeçalho Editorial 2.0 (#182326). ============================================================ */ html body .header_view, html body .header_view .title, html body .header_view .return, html body .header_view .download, html body .header_view a, html body .header_view a:visited, html body.pkp_page_article .header_view, html body.pkp_page_article .header_view .title, html body.pkp_page_article .header_view .return, html body.pkp_page_article .header_view .download, html body.pkp_page_article .header_view a, html body.pkp_page_article .header_view a:visited { background: #182326 !important; background-color: #182326 !important; background-image: none !important; color: #FFFFFF !important; border-color: transparent !important; box-shadow: none !important; } html body .header_view .title:hover, html body .header_view .title:focus, html body .header_view .return:hover, html body .header_view .return:focus, html body .header_view .download:hover, html body .header_view .download:focus, html body .header_view a:hover, html body .header_view a:focus, html body.pkp_page_article .header_view .title:hover, html body.pkp_page_article .header_view .title:focus, html body.pkp_page_article .header_view .return:hover, html body.pkp_page_article .header_view .return:focus, html body.pkp_page_article .header_view .download:hover, html body.pkp_page_article .header_view .download:focus, html body.pkp_page_article .header_view a:hover, html body.pkp_page_article .header_view a:focus { background: #182326 !important; background-color: #182326 !important; color: #FFFFFF !important; text-decoration: none !important; } html body .header_view, html body .header_view::before, html body .header_view::after { border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; outline: 0 !important; } /* ============================================================ END — JDHAB v9.1 ARTICLE / GALLEY VIEWER BAR ============================================================ */ /* ============================================================ JDHAB — v9.2 · ABOUT THE JOURNAL — NUMERAÇÃO DOS CARDS Correção cirúrgica: - remove os círculos decorativos atrás de 01 / 02 / 03 / 04 - preserva os números como pequenos marcadores editoriais - escopo restrito à página About the Journal ============================================================ */ html body .jdhab-about-page .jdhab-about-card .jdhab-card-label { display: block !important; position: static !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; margin: 0 0 10px 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #6C7468 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: .12em !important; text-align: left !important; transform: none !important; } /* Neutraliza qualquer pseudo-elemento decorativo do marcador */ html body .jdhab-about-page .jdhab-about-card .jdhab-card-label::before, html body .jdhab-about-page .jdhab-about-card .jdhab-card-label::after { content: none !important; display: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* ============================================================ END — JDHAB v9.2 ABOUT CARD LABELS ============================================================ */ /* ============================================================ JDHAB — v9.3 · HOMEPAGE EDITORIAL 2.0 Escopo exclusivo: body.pkp_page_index.pkp_op_index Objetivo: trazer a página principal para a linguagem visual final do periódico — papel, filetes, azul editorial, mineral, sem gradientes, órbitas, pílulas ou sombras pesadas. ============================================================ */ body.pkp_page_index.pkp_op_index{ --jdhab-home-charcoal:#182326; --jdhab-home-blue:#143B5C; --jdhab-home-blue-dark:#0B243B; --jdhab-home-ink:#20272A; --jdhab-home-text:#465156; --jdhab-home-muted:#667174; --jdhab-home-mineral:#6C7468; --jdhab-home-line:#DCD8D0; --jdhab-home-line-soft:#ECE9E3; --jdhab-home-paper:#FCFBF8; --jdhab-home-soft:#F7F6F2; } /* canvas principal */ body.pkp_page_index.pkp_op_index .pkp_structure_content{ width:calc(100% - 80px)!important; max-width:1120px!important; margin:0 auto!important; padding-top:26px!important; border:0!important; box-shadow:none!important; background:#fff!important; } body.pkp_page_index.pkp_op_index .pkp_structure_main, body.pkp_page_index.pkp_op_index .pkp_structure_main:first-child:last-child{ float:none!important; width:100%!important; max-width:1040px!important; margin:0 auto!important; padding:0 0 72px!important; border:0!important; background:#fff!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .pkp_structure_main::before, body.pkp_page_index.pkp_op_index .pkp_structure_main::after{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .page_index_journal{ display:flex!important; flex-direction:column!important; width:100%!important; } /* a identidade da revista passa a abrir a homepage */ body.pkp_page_index.pkp_op_index .additional_content{ order:1!important; width:100%!important; max-width:none!important; margin:0 0 54px!important; padding:0!important; border:0!important; } body.pkp_page_index.pkp_op_index .current_issue{ order:2!important; } /* ============================================================ INTRO INSTITUCIONAL ============================================================ */ body.pkp_page_index.pkp_op_index .jdhab-home-intro{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; color:var(--jdhab-home-text)!important; font-family:Arial,Helvetica,sans-serif!important; } /* hero claro — linguagem Editorial 2.0 */ body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero{ position:relative!important; overflow:visible!important; margin:0 0 20px!important; padding:42px 46px 40px!important; background:var(--jdhab-home-paper)!important; background-image:none!important; border:1px solid var(--jdhab-home-line)!important; border-left:4px solid var(--jdhab-home-mineral)!important; border-radius:2px!important; color:var(--jdhab-home-ink)!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero::after{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__kicker{ display:block!important; width:auto!important; margin:0 0 12px!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; color:var(--jdhab-home-mineral)!important; font-size:11px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.14em!important; text-transform:uppercase!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero h1{ max-width:820px!important; margin:0 0 15px!important; padding:0!important; color:var(--jdhab-home-blue)!important; font-family:Lora,Georgia,"Times New Roman",serif!important; font-size:42px!important; font-weight:700!important; line-height:1.12!important; letter-spacing:-.025em!important; text-wrap:balance!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero p{ max-width:830px!important; margin:0!important; color:var(--jdhab-home-text)!important; font-size:16px!important; font-weight:400!important; line-height:1.72!important; } /* navegação editorial — sem pílulas */ body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; width:100%!important; margin:0 0 28px!important; padding:0!important; border-top:1px solid var(--jdhab-home-line)!important; border-bottom:1px solid var(--jdhab-home-line)!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a{ position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:58px!important; margin:0!important; padding:12px 18px!important; background:#fff!important; background-image:none!important; border:0!important; border-right:1px solid var(--jdhab-home-line)!important; border-radius:0!important; box-shadow:none!important; color:var(--jdhab-home-blue)!important; font-size:12px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.015em!important; text-decoration:none!important; transform:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:last-child{ border-right:0!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a::after{ content:"→"!important; display:inline-block!important; flex:0 0 auto!important; margin-left:10px!important; color:var(--jdhab-home-mineral)!important; font-size:14px!important; font-weight:700!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:hover, body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:focus{ background:var(--jdhab-home-paper)!important; color:var(--jdhab-home-blue-dark)!important; text-decoration:none!important; } /* quatro eixos — mesma gramática do About, sem círculos */ body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid{ counter-reset:jdhab-home-focus!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; width:100%!important; margin:0!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid article{ counter-increment:jdhab-home-focus!important; position:relative!important; min-height:188px!important; margin:0!important; padding:25px 26px 24px!important; background:#fff!important; background-image:none!important; border:1px solid var(--jdhab-home-line)!important; border-left:3px solid var(--jdhab-home-mineral)!important; border-radius:2px!important; box-shadow:none!important; transform:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid article::before{ content:counter(jdhab-home-focus,decimal-leading-zero)!important; display:block!important; width:auto!important; height:auto!important; margin:0 0 14px!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; color:var(--jdhab-home-mineral)!important; font-size:10px!important; font-weight:800!important; line-height:1.2!important; letter-spacing:.12em!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid article:hover{ transform:none!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid h2{ margin:0 0 9px!important; padding:0!important; color:var(--jdhab-home-blue)!important; font-family:Lora,Georgia,"Times New Roman",serif!important; font-size:20px!important; font-weight:700!important; line-height:1.3!important; letter-spacing:-.01em!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid p{ margin:0!important; color:var(--jdhab-home-text)!important; font-size:13.5px!important; line-height:1.66!important; } /* nota OA — sóbria, sem card elevado */ body.pkp_page_index.pkp_op_index .jdhab-home-intro__note{ margin:22px 0 0!important; padding:18px 20px!important; background:var(--jdhab-home-paper)!important; background-image:none!important; border:1px solid var(--jdhab-home-line)!important; border-left:3px solid var(--jdhab-home-mineral)!important; border-radius:2px!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__note p{ margin:0!important; color:var(--jdhab-home-text)!important; font-size:13px!important; font-weight:600!important; line-height:1.6!important; } /* ============================================================ CURRENT ISSUE — catálogo editorial, não landing page ============================================================ */ body.pkp_page_index.pkp_op_index .current_issue{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; color:var(--jdhab-home-ink)!important; font-family:Arial,Helvetica,sans-serif!important; } /* "Current Issue" vira kicker editorial */ body.pkp_page_index.pkp_op_index .current_issue>h2{ position:static!important; overflow:visible!important; min-height:0!important; margin:0 0 8px!important; padding:0!important; background:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:var(--jdhab-home-mineral)!important; font-family:Arial,Helvetica,sans-serif!important; font-size:11px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.14em!important; text-transform:uppercase!important; } body.pkp_page_index.pkp_op_index .current_issue>h2::before, body.pkp_page_index.pkp_op_index .current_issue>h2::after{ display:none!important; content:none!important; } /* título do volume como verdadeiro heading */ body.pkp_page_index.pkp_op_index .current_issue>.current_issue_title{ position:static!important; display:block!important; width:100%!important; margin:0 0 22px!important; padding:0 0 18px!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--jdhab-home-line)!important; color:var(--jdhab-home-blue)!important; font-family:Lora,Georgia,"Times New Roman",serif!important; font-size:31px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:-.018em!important; } body.pkp_page_index.pkp_op_index .current_issue>.current_issue_title::before, body.pkp_page_index.pkp_op_index .current_issue>.current_issue_title::after{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .current_issue>.obj_issue_toc{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } /* capa + dados em uma composição leve */ body.pkp_page_index.pkp_op_index .obj_issue_toc>.heading{ display:grid!important; grid-template-columns:170px minmax(0,1fr)!important; gap:32px!important; align-items:center!important; width:100%!important; margin:0 0 30px!important; padding:24px 0 26px!important; background:#fff!important; background-image:none!important; border:0!important; border-bottom:1px solid var(--jdhab-home-line)!important; border-radius:0!important; box-shadow:none!important; text-align:left!important; overflow:visible!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc>.heading::before, body.pkp_page_index.pkp_op_index .obj_issue_toc>.heading::after{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover{ float:none!important; grid-column:1!important; grid-row:1!important; display:block!important; width:154px!important; max-width:154px!important; height:auto!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img{ display:block!important; width:154px!important; max-width:154px!important; height:auto!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; border:1px solid var(--jdhab-home-line)!important; border-radius:3px!important; box-shadow:0 8px 20px rgba(24,35,38,.08)!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .description{ display:none!important; visibility:hidden!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published{ grid-column:2!important; grid-row:1!important; display:block!important; visibility:visible!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:4px 0 4px 20px!important; background:transparent!important; background-image:none!important; border:0!important; border-left:3px solid var(--jdhab-home-mineral)!important; border-radius:0!important; box-shadow:none!important; color:var(--jdhab-home-text)!important; text-align:left!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::before{ content:"ISSUE INFORMATION"!important; display:block!important; margin:0 0 12px!important; padding:0 0 9px!important; border:0!important; border-bottom:1px solid var(--jdhab-home-line)!important; color:var(--jdhab-home-blue)!important; font-size:10.5px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.14em!important; text-transform:uppercase!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published>*{ display:inline!important; visibility:visible!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published .label{ margin-right:6px!important; color:var(--jdhab-home-mineral)!important; font-size:11px!important; font-weight:800!important; letter-spacing:.03em!important; text-transform:uppercase!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published .value{ color:var(--jdhab-home-text)!important; font-size:13.5px!important; font-weight:500!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::after{ content:"Open access · Peer-reviewed · PDF and HTML versions available"!important; display:block!important; margin:12px 0 0!important; padding:11px 0 0!important; border-top:1px solid var(--jdhab-home-line-soft)!important; color:var(--jdhab-home-muted)!important; font-size:12.5px!important; font-weight:500!important; line-height:1.55!important; white-space:normal!important; } /* seções do sumário como documento editorial contínuo */ body.pkp_page_index.pkp_op_index .obj_issue_toc .sections{ display:block!important; width:100%!important; margin:0!important; padding:0!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section{ position:static!important; width:100%!important; margin:0!important; padding:25px 0 10px!important; background:#fff!important; background-image:none!important; border:0!important; border-top:1px solid var(--jdhab-home-line)!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section::before, body.pkp_page_index.pkp_op_index .obj_issue_toc .section::after{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section>h3{ display:block!important; position:static!important; left:auto!important; width:auto!important; margin:0 0 10px!important; padding:0!important; background:transparent!important; border:0!important; color:var(--jdhab-home-blue)!important; font-family:Lora,Georgia,"Times New Roman",serif!important; font-size:19px!important; font-weight:700!important; line-height:1.35!important; letter-spacing:-.01em!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles{ margin:0!important; padding:0!important; list-style:none!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles>li{ margin:0!important; padding:16px 0!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--jdhab-home-line-soft)!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles>li:last-child{ border-bottom:0!important; } /* artigos: hierarquia discreta */ body.pkp_page_index.pkp_op_index .obj_article_summary{ position:relative!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.pkp_page_index.pkp_op_index .obj_article_summary>.title{ margin:0 0 5px!important; padding:0!important; border:0!important; background:transparent!important; color:var(--jdhab-home-blue)!important; font-family:Lora,Georgia,"Times New Roman",serif!important; font-size:16.5px!important; font-weight:700!important; line-height:1.42!important; letter-spacing:-.006em!important; } body.pkp_page_index.pkp_op_index .obj_article_summary>.title a, body.pkp_page_index.pkp_op_index .obj_article_summary>.title a:visited{ color:var(--jdhab-home-blue)!important; text-decoration:none!important; } body.pkp_page_index.pkp_op_index .obj_article_summary>.title a:hover, body.pkp_page_index.pkp_op_index .obj_article_summary>.title a:focus{ color:var(--jdhab-home-blue-dark)!important; text-decoration:underline!important; text-underline-offset:3px!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .subtitle{ display:block!important; margin:0 0 6px!important; color:var(--jdhab-home-text)!important; font-size:12.5px!important; font-weight:400!important; line-height:1.5!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .meta{ display:flex!important; flex-wrap:wrap!important; justify-content:space-between!important; gap:6px 18px!important; position:static!important; margin:0 0 8px!important; padding:0!important; color:var(--jdhab-home-muted)!important; font-size:11.5px!important; line-height:1.45!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .authors, body.pkp_page_index.pkp_op_index .obj_article_summary .pages{ position:static!important; padding:0!important; color:var(--jdhab-home-muted)!important; } /* PDF / HTML como links editoriais — sem cápsulas */ body.pkp_page_index.pkp_op_index .obj_article_summary .galleys_links{ display:flex!important; flex-wrap:wrap!important; gap:13px!important; margin:7px 0 0!important; padding:0!important; list-style:none!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .galleys_links li{ margin:0!important; padding:0!important; } body.pkp_page_index.pkp_op_index .obj_galley_link, body.pkp_page_index.pkp_op_index .galleys_links a{ display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; min-height:0!important; margin:0!important; padding:2px 0 3px!important; background:transparent!important; background-image:none!important; border:0!important; border-bottom:1px solid var(--jdhab-home-mineral)!important; border-radius:0!important; box-shadow:none!important; color:var(--jdhab-home-blue)!important; font-size:10.5px!important; font-weight:800!important; line-height:1.3!important; letter-spacing:.04em!important; text-decoration:none!important; text-transform:uppercase!important; } body.pkp_page_index.pkp_op_index .obj_galley_link::before, body.pkp_page_index.pkp_op_index .galleys_links a::before{ display:none!important; content:none!important; } body.pkp_page_index.pkp_op_index .obj_galley_link:hover, body.pkp_page_index.pkp_op_index .obj_galley_link:focus, body.pkp_page_index.pkp_op_index .galleys_links a:hover, body.pkp_page_index.pkp_op_index .galleys_links a:focus{ background:transparent!important; border-bottom-color:var(--jdhab-home-blue)!important; color:var(--jdhab-home-blue-dark)!important; text-decoration:none!important; } /* link para arquivo — único botão discreto */ body.pkp_page_index.pkp_op_index .current_issue>.read_more{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; margin:24px 0 0!important; padding:9px 14px!important; background:#fff!important; border:1px solid var(--jdhab-home-blue)!important; border-radius:2px!important; box-shadow:none!important; color:var(--jdhab-home-blue)!important; font-size:11.5px!important; font-weight:800!important; line-height:1.3!important; text-decoration:none!important; transform:none!important; } body.pkp_page_index.pkp_op_index .current_issue>.read_more::after{ position:static!important; width:auto!important; height:auto!important; margin-left:8px!important; line-height:1!important; } body.pkp_page_index.pkp_op_index .current_issue>.read_more:hover, body.pkp_page_index.pkp_op_index .current_issue>.read_more:focus{ background:var(--jdhab-home-blue)!important; color:#fff!important; } /* ============================================================ TABLET ============================================================ */ @media (max-width:900px){ body.pkp_page_index.pkp_op_index .pkp_structure_content{ width:calc(100% - 40px)!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero{ padding:34px 32px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero h1{ font-size:36px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:nth-child(2){ border-right:0!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:nth-child(-n+2){ border-bottom:1px solid var(--jdhab-home-line)!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc>.heading{ grid-template-columns:150px minmax(0,1fr)!important; gap:26px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover, body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img{ width:140px!important; max-width:140px!important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width:760px){ body.pkp_page_index.pkp_op_index .pkp_structure_content{ width:100%!important; max-width:none!important; padding:0 18px!important; } body.pkp_page_index.pkp_op_index .pkp_structure_main, body.pkp_page_index.pkp_op_index .pkp_structure_main:first-child:last-child{ max-width:none!important; padding:0 0 52px!important; } body.pkp_page_index.pkp_op_index .additional_content{ margin:14px 0 42px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero{ margin:0 0 16px!important; padding:25px 20px 24px!important; border-left-width:3px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__kicker{ margin-bottom:9px!important; font-size:9.5px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero h1{ margin-bottom:10px!important; font-size:27px!important; line-height:1.17!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__hero p{ font-size:13.3px!important; line-height:1.62!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions{ grid-template-columns:1fr!important; margin-bottom:20px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a{ min-height:48px!important; padding:10px 13px!important; border-right:0!important; border-bottom:1px solid var(--jdhab-home-line)!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__actions a:last-child{ border-bottom:0!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid{ grid-template-columns:1fr!important; gap:0!important; border-top:1px solid var(--jdhab-home-line)!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid article{ min-height:0!important; padding:18px 0 19px!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--jdhab-home-line)!important; border-radius:0!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid article::before{ margin-bottom:6px!important; font-size:9px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid h2{ margin-bottom:6px!important; font-size:17px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__grid p{ font-size:12.8px!important; line-height:1.58!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__note{ margin-top:18px!important; padding:16px 15px!important; } body.pkp_page_index.pkp_op_index .jdhab-home-intro__note p{ font-size:12.5px!important; } body.pkp_page_index.pkp_op_index .current_issue>h2{ margin-bottom:6px!important; font-size:9.5px!important; } body.pkp_page_index.pkp_op_index .current_issue>.current_issue_title{ margin-bottom:18px!important; padding-bottom:13px!important; font-size:24px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc>.heading{ display:block!important; margin:0 0 22px!important; padding:20px 0 22px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover{ width:152px!important; max-width:52vw!important; margin:0 auto 22px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .cover img{ width:100%!important; max-width:152px!important; margin:0 auto!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published{ width:100%!important; padding:2px 0 2px 15px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::before{ margin-bottom:10px!important; padding-bottom:8px!important; font-size:9.5px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published .label{ font-size:10px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published .value{ font-size:12.5px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .published::after{ margin-top:10px!important; padding-top:9px!important; font-size:11.5px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section{ padding:21px 0 7px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .section>h3{ margin-bottom:8px!important; font-size:17px!important; } body.pkp_page_index.pkp_op_index .obj_issue_toc .articles>li{ padding:14px 0!important; } body.pkp_page_index.pkp_op_index .obj_article_summary>.title{ font-size:15.5px!important; line-height:1.4!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .subtitle{ font-size:11.8px!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .meta{ display:block!important; font-size:10.8px!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .authors{ display:block!important; margin-bottom:3px!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .pages{ display:block!important; } body.pkp_page_index.pkp_op_index .obj_article_summary .galleys_links{ gap:11px!important; } body.pkp_page_index.pkp_op_index .obj_galley_link, body.pkp_page_index.pkp_op_index .galleys_links a{ font-size:9.8px!important; } body.pkp_page_index.pkp_op_index .current_issue>.read_more{ width:100%!important; margin-top:20px!important; } } /* ============================================================ END — JDHAB v9.3 HOMEPAGE EDITORIAL 2.0 ============================================================ */ /* ========================================================= JDHAB — DESCRIÇÃO REAL DO FASCÍCULO PÁGINA INICIAL + PÁGINA INTERNA ========================================================= */ /* Restaura a descrição cadastrada no OJS */ body.pkp_page_index .obj_issue_toc > .heading .description, body.pkp_page_issue .obj_issue_toc > .heading .description { display: block !important; visibility: visible !important; opacity: 1 !important; position: relative !important; inset: auto !important; clip: auto !important; grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 2px 0 2px 20px !important; overflow: visible !important; border: 0 !important; border-left: 2px solid #6c7468 !important; color: #465156 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13.5px !important; font-weight: 400 !important; line-height: 1.58 !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; white-space: normal !important; } /* Restaura o conteúdo interno que outras regras ocultaram */ body.pkp_page_index .obj_issue_toc > .heading .description > *, body.pkp_page_issue .obj_issue_toc > .heading .description > * { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: auto !important; height: auto !important; color: inherit !important; font-size: inherit !important; line-height: inherit !important; text-indent: 0 !important; text-transform: none !important; } body.pkp_page_index .obj_issue_toc > .heading .description p, body.pkp_page_issue .obj_issue_toc > .heading .description p { margin: 0 0 7px !important; padding: 0 !important; } body.pkp_page_index .obj_issue_toc > .heading .description p:last-child, body.pkp_page_issue .obj_issue_toc > .heading .description p:last-child { margin-bottom: 0 !important; } body.pkp_page_index .obj_issue_toc > .heading .description strong, body.pkp_page_issue .obj_issue_toc > .heading .description strong { display: inline !important; visibility: visible !important; opacity: 1 !important; color: inherit !important; font-size: inherit !important; } body.pkp_page_index .obj_issue_toc > .heading .description p:first-child strong, body.pkp_page_issue .obj_issue_toc > .heading .description p:first-child strong { display: block !important; margin: 0 0 10px !important; padding: 0 0 9px !important; border-bottom: 1px solid #e2dfd8 !important; color: #123a5d !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; } /* Impede texto artificial na descrição */ body.pkp_page_index .obj_issue_toc > .heading .description::before, body.pkp_page_index .obj_issue_toc > .heading .description::after, body.pkp_page_issue .obj_issue_toc > .heading .description::before, body.pkp_page_issue .obj_issue_toc > .heading .description::after { display: none !important; content: none !important; } /* Remove data e informações antigas fabricadas pelo CSS */ body.pkp_page_index .obj_issue_toc > .heading .published, body.pkp_page_issue .obj_issue_toc > .heading .published { display: none !important; } body.pkp_page_index .obj_issue_toc > .heading .published::before, body.pkp_page_index .obj_issue_toc > .heading .published::after, body.pkp_page_issue .obj_issue_toc > .heading .published::before, body.pkp_page_issue .obj_issue_toc > .heading .published::after { display: none !important; content: none !important; } /* Mobile */ @media (max-width: 767px) { body.pkp_page_index .obj_issue_toc > .heading .description, body.pkp_page_issue .obj_issue_toc > .heading .description { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; margin-top: 18px !important; padding: 2px 0 2px 16px !important; } } /* ============================================================ JDHAB — v9.4 · ISSUE IDENTITY FINAL CONSOLIDATION Home Current Issue + Internal Issue Page This is the authoritative layer for the issue cover and the native OJS description. It intentionally uses the complete OJS body classes so older !important rules cannot hide the content. ============================================================ */ /* One visual grammar on both public issue surfaces */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { display: grid !important; grid-template-columns: 170px minmax(0, 1fr) !important; grid-template-rows: auto !important; align-items: center !important; align-content: start !important; gap: 32px !important; position: relative !important; float: none !important; clear: both !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 30px !important; padding: 24px 0 26px !important; overflow: visible !important; background: #ffffff !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid #dcd8d0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading::before, body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading::after, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading::after { display: none !important; content: none !important; } /* Cover: identical proportions and position */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover { grid-column: 1 !important; grid-row: 1 !important; align-self: start !important; display: block !important; position: static !important; float: none !important; clear: none !important; width: 154px !important; max-width: 154px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover img, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover img { display: block !important; width: 154px !important; max-width: 154px !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; background: transparent !important; border: 1px solid #dcd8d0 !important; border-radius: 3px !important; box-shadow: 0 8px 20px rgba(24, 35, 38, 0.08) !important; } /* Use only the real Description saved in OJS */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; inset: auto !important; float: none !important; clear: none !important; clip: auto !important; clip-path: none !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 3px 0 3px 20px !important; overflow: visible !important; background: transparent !important; background-image: none !important; border: 0 !important; border-left: 3px solid #6c7468 !important; border-radius: 0 !important; box-shadow: none !important; color: #465156 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 13.5px !important; font-style: normal !important; font-weight: 400 !important; line-height: 1.58 !important; letter-spacing: 0 !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; white-space: normal !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description::before, body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description::after, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description::after { display: none !important; content: none !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; white-space: normal !important; } /* Native heading in the saved description */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p:first-child > strong:first-child, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p:first-child > strong:first-child { display: block !important; visibility: visible !important; margin: 0 0 11px !important; padding: 0 0 9px !important; border-bottom: 1px solid #e2dfd8 !important; color: #143b5c !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 10.5px !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; } /* The editor inserted two BR tags inside the first STRONG. The heading spacing is controlled above, so those BRs are hidden. */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p:first-child > strong:first-child br, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p:first-child > strong:first-child br { display: none !important; } /* Keep Contents: inline with the final line */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p > strong:not(:first-child), body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p:not(:first-child) > strong, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p > strong:not(:first-child), body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p:not(:first-child) > strong { display: inline !important; visibility: visible !important; margin: 0 !important; padding: 0 !important; border: 0 !important; color: #33444c !important; font: inherit !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; } /* Remove the duplicated native date block and every old generated string */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .published, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .published::before, body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .published::after, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::before, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .published::after { display: none !important; content: none !important; } /* Ensure the table of contents follows the identity block normally */ body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading + .sections, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading + .sections { position: static !important; clear: both !important; width: 100% !important; margin-top: 0 !important; transform: none !important; } /* Tablet */ @media (max-width: 900px) { body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { grid-template-columns: 160px minmax(0, 1fr) !important; gap: 25px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover, body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover img, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover img { width: 148px !important; max-width: 148px !important; } } /* Phone: stack without empty rows or artificial height */ @media (max-width: 767px) { body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; gap: 20px !important; height: auto !important; min-height: 0 !important; margin-bottom: 24px !important; padding: 20px 0 23px !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover { grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; width: 152px !important; max-width: 52vw !important; margin: 0 auto !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .cover img, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .cover img { width: 100% !important; max-width: 152px !important; height: auto !important; margin: 0 auto !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 2px 0 2px 15px !important; font-size: 12.5px !important; line-height: 1.58 !important; } body.pkp_page_index.pkp_op_index .obj_issue_toc > .heading .description > p > strong:first-child, body.pkp_page_issue.pkp_op_view .obj_issue_toc > .heading .description > p > strong:first-child { margin-bottom: 9px !important; padding-bottom: 8px !important; font-size: 9.5px !important; } } /* ============================================================ END — JDHAB v9.4 ISSUE IDENTITY FINAL CONSOLIDATION ============================================================ */ /* ============================================================ JDHAB v9.5 — NATIVE OJS CONTACT PAGE Route: /about/contact Scope: body.pkp_page_about.pkp_op_contact only Aligns the native page with the current institutional system. ============================================================ */ body.pkp_page_about.pkp_op_contact { --jdhab-contact-blue: #0B3659; --jdhab-contact-ink: #33404A; --jdhab-contact-muted: #5E6870; --jdhab-contact-accent: #6C7468; --jdhab-contact-line: #E2DFD8; --jdhab-contact-line-strong: #C9CEC5; --jdhab-contact-paper: #FCFBF8; } body.pkp_page_about.pkp_op_contact .pkp_structure_content { width: calc(100% - 48px) !important; max-width: 1040px !important; margin: 0 auto !important; padding: 32px 0 0 !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_about.pkp_op_contact .pkp_structure_main, body.pkp_page_about.pkp_op_contact .pkp_structure_main:first-child:last-child { float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 0 56px !important; background: #FFFFFF !important; border: 0 !important; box-shadow: none !important; } body.pkp_page_about.pkp_op_contact .pkp_structure_main::before, body.pkp_page_about.pkp_op_contact .pkp_structure_main::after { display: none !important; content: none !important; } body.pkp_page_about.pkp_op_contact .page_contact { position: relative !important; max-width: 980px !important; margin: 0 auto !important; padding: 0 !important; color: var(--jdhab-contact-ink) !important; font-family: Arial, Helvetica, sans-serif !important; } body.pkp_page_about.pkp_op_contact .page_contact, body.pkp_page_about.pkp_op_contact .page_contact *, body.pkp_page_about.pkp_op_contact .page_contact *::before, body.pkp_page_about.pkp_op_contact .page_contact *::after { box-sizing: border-box !important; } /* Native title styled as the institutional hero */ body.pkp_page_about.pkp_op_contact .page_contact > h1 { display: block !important; width: 100% !important; margin: 0 0 30px !important; padding: 34px 44px 32px !important; background: var(--jdhab-contact-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-contact-line) !important; border-left: 3px solid var(--jdhab-contact-accent) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-contact-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 36px !important; font-weight: 700 !important; line-height: 1.14 !important; } body.pkp_page_about.pkp_op_contact .page_contact > h1::before { content: "EDITORIAL OFFICE" !important; display: block !important; margin: 0 0 10px !important; color: var(--jdhab-contact-accent) !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } body.pkp_page_about.pkp_op_contact .page_contact > h1::after { display: none !important; content: none !important; } /* Administrative shortcut remains discreet for logged-in editors */ body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link { position: absolute !important; top: 14px !important; right: 16px !important; z-index: 2 !important; margin: 0 !important; color: var(--jdhab-contact-muted) !important; font-size: 11px !important; font-weight: 600 !important; text-decoration: none !important; } body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link:hover, body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link:focus { color: var(--jdhab-contact-blue) !important; text-decoration: underline !important; } /* Address plus the two native contact blocks */ body.pkp_page_about.pkp_op_contact .page_contact .contact_section { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; clear: both !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .address { grid-column: 1 / -1 !important; float: none !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 0 26px !important; padding: 24px 28px 25px !important; background: var(--jdhab-contact-paper) !important; background-image: none !important; border: 1px solid var(--jdhab-contact-line-strong) !important; border-top: 2px solid var(--jdhab-contact-accent) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-contact-muted) !important; font-size: 13.5px !important; line-height: 1.68 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact { float: none !important; display: block !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 26px 32px 28px 0 !important; background: transparent !important; background-image: none !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-contact-line) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--jdhab-contact-ink) !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact + .contact { padding-right: 0 !important; padding-left: 32px !important; border-left: 1px solid var(--jdhab-contact-line) !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact h2 { margin: 0 0 14px !important; padding: 0 0 10px !important; border: 0 !important; border-bottom: 1px solid var(--jdhab-contact-line) !important; color: var(--jdhab-contact-blue) !important; font-family: Lora, Georgia, "Times New Roman", serif !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .name { margin: 0 0 8px !important; color: var(--jdhab-contact-blue) !important; font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.5 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .affiliation { margin: 0 0 11px !important; color: var(--jdhab-contact-ink) !important; font-size: 14px !important; line-height: 1.62 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .phone { margin: 9px 0 0 !important; color: var(--jdhab-contact-ink) !important; font-size: 13.5px !important; line-height: 1.55 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .phone .label { display: block !important; margin-bottom: 2px !important; color: var(--jdhab-contact-muted) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .email { margin: 10px 0 0 !important; font-size: 14px !important; line-height: 1.5 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact a { color: var(--jdhab-contact-blue) !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: 1px solid var(--jdhab-contact-line-strong) !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact a:hover, body.pkp_page_about.pkp_op_contact .page_contact .contact a:focus { color: var(--jdhab-contact-blue) !important; border-bottom-color: var(--jdhab-contact-blue) !important; } @media (max-width: 700px) { body.pkp_page_about.pkp_op_contact .pkp_structure_content { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px 14px 0 !important; } body.pkp_page_about.pkp_op_contact .pkp_structure_main, body.pkp_page_about.pkp_op_contact .pkp_structure_main:first-child:last-child { padding-bottom: 38px !important; } body.pkp_page_about.pkp_op_contact .page_contact > h1 { margin-bottom: 20px !important; padding: 25px 20px 23px !important; font-size: 28px !important; } body.pkp_page_about.pkp_op_contact .page_contact > h1::before { font-size: 10px !important; } body.pkp_page_about.pkp_op_contact .page_contact > .cmp_edit_link { position: static !important; display: block !important; width: max-content !important; margin: -10px 0 16px auto !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section { grid-template-columns: 1fr !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .address { grid-column: auto !important; margin-bottom: 18px !important; padding: 21px 18px 22px !important; font-size: 12.5px !important; line-height: 1.62 !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact, body.pkp_page_about.pkp_op_contact .page_contact .contact_section > .contact + .contact { padding: 20px 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--jdhab-contact-line) !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact h2 { font-size: 18px !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .name { font-size: 13.5px !important; } body.pkp_page_about.pkp_op_contact .page_contact .contact .affiliation, body.pkp_page_about.pkp_op_contact .page_contact .contact .phone, body.pkp_page_about.pkp_op_contact .page_contact .contact .email { font-size: 12.5px !important; } } @media (max-width: 420px) { body.pkp_page_about.pkp_op_contact .pkp_structure_content { padding-right: 12px !important; padding-left: 12px !important; } } /* ============================================================ END — JDHAB v9.5 NATIVE OJS CONTACT PAGE ============================================================ */