/* =========================================================
   19º SHCU — OJS
   IDENTIDADE VISUAL COMPLETA
   Atualizado para incluir PÁGINAS PREFACIAIS antes dos eixos

   ORDEM DAS SEÇÕES:
   1. Páginas prefaciais / Apresentação
   2. Eixo 1
   3. Eixo 2
   4. Eixo 3
   5. Resumos de IC — Eixo 1
   6. Resumos de IC — Eixo 2
   7. Resumos de IC — Eixo 3
   ========================================================= */


/* =========================================================
   1. PALETA OFICIAL DO EVENTO
   ========================================================= */

:root {
    --shcu-rosa: #F191A3;
    --shcu-vermelho: #BE1622;
    --shcu-vinho: #631310;
    --shcu-bege: #EAD196;
    --shcu-cinza-claro: #EFEEEE;
    --shcu-cinza: #C6C7C6;

    --shcu-preto: #1A1A1A;
    --shcu-cinza-texto: #666666;
    --shcu-branco: #FFFFFF;
}


/* =========================================================
   2. TIPOGRAFIA
   ========================================================= */

/* Texto geral */
html,
body,
p,
li,
td,
th,
input,
button,
select,
textarea,
.obj_article_summary .authors,
.obj_article_summary .subtitle,
.obj_article_summary .meta {
    font-family:
        "DIM-Regular",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif !important;
}


/* Títulos e navegação */
h1,
h2,
h3,
h4,
h5,
h6,
.pkp_navigation_primary,
.pkp_navigation_user,
.obj_article_summary > .title,
.obj_article_summary > .title a,
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 {
    font-family:
        "DIM 30640 Std",
        "Century Gothic",
        CenturyGothic,
        Arial,
        sans-serif !important;
}


/* =========================================================
   3. CABEÇALHO DO SITE
   ========================================================= */

.pkp_structure_head,
.pkp_head_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    background-color: var(--shcu-vinho) !important;
}


/* Nome do site e menu */
.pkp_site_name a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
    color: var(--shcu-branco) !important;
}


/* Hover do menu */
.pkp_site_name a:hover,
.pkp_site_name a:focus,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--shcu-rosa) !important;
}


/* Submenus */
.pkp_navigation_primary ul,
.pkp_navigation_user ul {
    background-color: var(--shcu-vinho) !important;
}

.pkp_navigation_primary ul a,
.pkp_navigation_user ul a {
    color: var(--shcu-branco) !important;
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus {
    color: var(--shcu-rosa) !important;
}


/* =========================================================
   4. TÍTULOS DOS ARTIGOS
   ========================================================= */

.obj_article_summary > .title,
.obj_article_summary > .title a,
.cmp_article_list .obj_article_summary .title,
.cmp_article_list .obj_article_summary .title a,
.pkp_structure_content .obj_article_summary .title a {
    color: var(--shcu-preto) !important;
    font-weight: 700 !important;
}


/* Hover dos títulos dos artigos */
.obj_article_summary > .title a:hover,
.obj_article_summary > .title a:focus,
.cmp_article_list .obj_article_summary .title a:hover,
.cmp_article_list .obj_article_summary .title a:focus,
.pkp_structure_content .obj_article_summary .title a:hover,
.pkp_structure_content .obj_article_summary .title a:focus {
    color: var(--shcu-vinho) !important;
    text-decoration: none !important;
}


/* =========================================================
   5. SUBTÍTULOS E AUTORES
   ========================================================= */

.obj_article_summary .subtitle {
    color: var(--shcu-cinza-texto) !important;
    font-weight: 400 !important;
}

.obj_article_summary .authors,
.obj_article_summary .meta {
    color: var(--shcu-preto) !important;
}


/* =========================================================
   6. FORMATAÇÃO BASE DOS TÍTULOS DAS SEÇÕES
   ========================================================= */

.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .sections > .section > h2,
.obj_issue_toc .sections > .section > h3 {
    padding: 14px 18px !important;
    margin-top: 24px !important;
    margin-bottom: 18px !important;

    border: 0 !important;
    border-radius: 0 !important;

    line-height: 1.35 !important;
    font-weight: 400 !important;
}


/* =========================================================
   7. PÁGINAS PREFACIAIS / APRESENTAÇÃO
   1ª SEÇÃO
   Fundo cinza + texto vinho
   ========================================================= */

.obj_issue_toc .sections > .section:nth-child(1) > h2,
.obj_issue_toc .sections > .section:nth-child(1) > h3,
.obj_issue_toc > .section:nth-child(1) > h2,
.obj_issue_toc > .section:nth-child(1) > h3,
.obj_issue_toc .sections > .section:nth-of-type(1) > h2,
.obj_issue_toc .sections > .section:nth-of-type(1) > h3 {
    background-color: var(--shcu-cinza) !important;
    color: var(--shcu-vinho) !important;
}


/* =========================================================
   8. EIXOS PRINCIPAIS
   ========================================================= */


/* EIXO 1 — 2ª SEÇÃO
   Fundo vinho + texto rosa
*/
.obj_issue_toc .sections > .section:nth-child(2) > h2,
.obj_issue_toc .sections > .section:nth-child(2) > h3,
.obj_issue_toc > .section:nth-child(2) > h2,
.obj_issue_toc > .section:nth-child(2) > h3,
.obj_issue_toc .sections > .section:nth-of-type(2) > h2,
.obj_issue_toc .sections > .section:nth-of-type(2) > h3 {
    background-color: var(--shcu-vinho) !important;
    color: var(--shcu-rosa) !important;
}


/* EIXO 2 — 3ª SEÇÃO
   Fundo bege + texto vinho
*/
.obj_issue_toc .sections > .section:nth-child(3) > h2,
.obj_issue_toc .sections > .section:nth-child(3) > h3,
.obj_issue_toc > .section:nth-child(3) > h2,
.obj_issue_toc > .section:nth-child(3) > h3,
.obj_issue_toc .sections > .section:nth-of-type(3) > h2,
.obj_issue_toc .sections > .section:nth-of-type(3) > h3 {
    background-color: var(--shcu-bege) !important;
    color: var(--shcu-vinho) !important;
}


/* EIXO 3 — 4ª SEÇÃO
   Fundo vermelho + texto bege
*/
.obj_issue_toc .sections > .section:nth-child(4) > h2,
.obj_issue_toc .sections > .section:nth-child(4) > h3,
.obj_issue_toc > .section:nth-child(4) > h2,
.obj_issue_toc > .section:nth-child(4) > h3,
.obj_issue_toc .sections > .section:nth-of-type(4) > h2,
.obj_issue_toc .sections > .section:nth-of-type(4) > h3 {
    background-color: var(--shcu-vermelho) !important;
    color: var(--shcu-bege) !important;
}


/* =========================================================
   9. RESUMOS DE INICIAÇÃO CIENTÍFICA
   ========================================================= */


/* RESUMOS DE IC — EIXO 1 — 5ª SEÇÃO
   Fundo rosa + texto vinho
*/
.obj_issue_toc .sections > .section:nth-child(5) > h2,
.obj_issue_toc .sections > .section:nth-child(5) > h3,
.obj_issue_toc > .section:nth-child(5) > h2,
.obj_issue_toc > .section:nth-child(5) > h3,
.obj_issue_toc .sections > .section:nth-of-type(5) > h2,
.obj_issue_toc .sections > .section:nth-of-type(5) > h3 {
    background-color: var(--shcu-rosa) !important;
    color: var(--shcu-vinho) !important;
}


/* RESUMOS DE IC — EIXO 2 — 6ª SEÇÃO
   Fundo cinza-claro + texto vermelho
*/
.obj_issue_toc .sections > .section:nth-child(6) > h2,
.obj_issue_toc .sections > .section:nth-child(6) > h3,
.obj_issue_toc > .section:nth-child(6) > h2,
.obj_issue_toc > .section:nth-child(6) > h3,
.obj_issue_toc .sections > .section:nth-of-type(6) > h2,
.obj_issue_toc .sections > .section:nth-of-type(6) > h3 {
    background-color: var(--shcu-cinza-claro) !important;
    color: var(--shcu-vermelho) !important;
}


/* RESUMOS DE IC — EIXO 3 — 7ª SEÇÃO
   Fundo vinho + texto bege
*/
.obj_issue_toc .sections > .section:nth-child(7) > h2,
.obj_issue_toc .sections > .section:nth-child(7) > h3,
.obj_issue_toc > .section:nth-child(7) > h2,
.obj_issue_toc > .section:nth-child(7) > h3,
.obj_issue_toc .sections > .section:nth-of-type(7) > h2,
.obj_issue_toc .sections > .section:nth-of-type(7) > h3 {
    background-color: var(--shcu-vinho) !important;
    color: var(--shcu-bege) !important;
}


/* =========================================================
   10. BOTÃO / LINK PDF
   ========================================================= */

.obj_galley_link,
.cmp_galley_link,
a.obj_galley_link {
    color: var(--shcu-vinho) !important;
    border: 1px solid var(--shcu-vinho) !important;
    background-color: transparent !important;

    border-radius: 3px !important;
    font-weight: 400 !important;
}


/* Hover PDF */
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_galley_link:hover,
.cmp_galley_link:focus,
a.obj_galley_link:hover,
a.obj_galley_link:focus {
    background-color: var(--shcu-vinho) !important;
    border-color: var(--shcu-vinho) !important;
    color: var(--shcu-branco) !important;
    text-decoration: none !important;
}


/* =========================================================
   11. LINKS DA ÁREA DE CONTEÚDO
   ========================================================= */

.pkp_structure_content a:not(.obj_galley_link):not(.title) {
    color: var(--shcu-vinho);
}

.pkp_structure_content a:not(.obj_galley_link):not(.title):hover,
.pkp_structure_content a:not(.obj_galley_link):not(.title):focus {
    color: var(--shcu-vermelho);
}


/* Reforço dos títulos dos artigos em preto */
.pkp_structure_content .obj_article_summary .title a {
    color: var(--shcu-preto) !important;
}

.pkp_structure_content .obj_article_summary .title a:hover,
.pkp_structure_content .obj_article_summary .title a:focus {
    color: var(--shcu-vinho) !important;
}


/* =========================================================
   12. BREADCRUMBS
   ========================================================= */

.cmp_breadcrumbs,
.cmp_breadcrumbs ol li,
.cmp_breadcrumbs ol li a {
    color: var(--shcu-cinza-texto) !important;
}


/* =========================================================
   13. PAGINAÇÃO
   ========================================================= */

.cmp_pagination a {
    color: var(--shcu-vinho) !important;
}

.cmp_pagination a:hover,
.cmp_pagination a:focus,
.cmp_pagination .current {
    background-color: var(--shcu-vinho) !important;
    border-color: var(--shcu-vinho) !important;
    color: var(--shcu-branco) !important;
}


/* =========================================================
   14. CAMPOS DE FORMULÁRIO / BUSCA
   ========================================================= */

input[type="text"],
input[type="search"],
input[type="email"],
textarea,
select {
    border-color: var(--shcu-cinza) !important;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
    border-color: var(--shcu-vinho) !important;
    outline-color: var(--shcu-vinho) !important;
}


/* =========================================================
   15. BOTÕES GERAIS
   ========================================================= */

button,
.button,
.cmp_button,
input[type="submit"] {
    border-color: var(--shcu-vinho) !important;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.cmp_button:hover,
.cmp_button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    border-color: var(--shcu-vinho) !important;
}


/* =========================================================
   FIM — 19º SHCU
   ========================================================= */