/*
Theme Name: Insider Gamer
Version: 1.0
Author: Insider Gamer
*/


/* ===== CORES PADRÃO DO SITE ===== */

:root {
    --cor-fundo: #fff;
    --cor-preto: #111;
    --cor-branco: #fff;
    --cor-destaque: #1255F3;
    --cor-linha: #bebebe;
}

/* ====== MODO DARK ====== */

[data-theme="dark"] {
    --cor-fundo: #202020;
    --cor-preto: #fff;
    --cor-branco: #111;
    --cor-destaque: #1255F3;
    --cor-linha: #424242;
}

/* ====== EXCEÇÕES DO MODO DARK ====== */

[data-theme="dark"] .site-header, .offcanvas-menu, .site-footer, .titulo-principal, .destaques-cabecalho, .home-noticias-btn,
.home-categorias-titulo, .home-categorias-card, .home-categorias-mais, .post-list-badge, .sidebar-post-badge, .proximos-lancamentos-etiqueta,
.proximos-lancamentos-seta, .arquivo-titulo, .page-titulo, .post-cabecalho-conteudo, .single-post-related-badge,

.recent-post-badge, .related-post-badge,
.destaques-slide-conteudo, .sidebar-home-tab, .destaques-proximo, .destaques-anterior, .botoes-produtos-links,
.selo-escolha-da-casa, .selo-melhor-desempenho, .selo-mais-vendidos, .selo-custo-beneficio, .selo-bom-e-barato, .arquivo-badge,
.formulario-contato button, .campo-formulario textarea, .formulario-contato input[type="text"], .formulario-contato input[type="email"],
.menu-flutuante {
    --cor-fundo: #fff;
    --cor-preto: #111;
    --cor-branco: #fff;
    --cor-destaque: #1255F3;
    --cor-linha: #bebebe;
}


/* ===== TOGGLE TEMA ===== */

.toggle-tema {
    display: flex;
    align-items: center;
    visibility: hidden;
}

html[data-theme] .toggle-tema {
    visibility: visible;
}

/* ===== TRILHO ===== */

#toggle-tema {
    position: relative;
    width: 64px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--cor-destaque);
    cursor: pointer;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* ===== BOLINHA ===== */

.toggle-bolinha {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--cor-branco);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(0);
    transition:
        transform 0.35s ease,
        background 0.25s ease;
}

/* ===== ÍCONES ===== */

.toggle-sol,
.toggle-lua {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 21px;
    line-height: 1;
    transition:
        opacity 0.2s ease,
        transform 0.3s ease;
}

.toggle-sol {
    opacity: 1;
    transform: scale(1);
    color: var(--cor-destaque);
}

.toggle-lua {
    opacity: 0;
    transform: scale(0.5);
}

/* ===== MODO ESCURO ===== */

html[data-theme="dark"] .toggle-bolinha {
    transform: translateX(28px);
    background: var(--cor-preto);
}

html[data-theme="dark"] .toggle-sol {
    opacity: 0;
    transform: scale(0.5);
}

html[data-theme="dark"] .toggle-lua {
    opacity: 1;
    transform: scale(1);
    color: var(--cor-branco);
}

/* ===== TAMANHO TABLET ===== */

@media (max-width: 1285px) and (min-width: 768px) {

    #toggle-tema {
        width: 50px;
        height: 30px;
    }

    #toggle-tema .toggle-bolinha {
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
    }

    html[data-theme="dark"] #toggle-tema .toggle-bolinha {
        transform: translateX(20px);
    }
}

/* ====== TOGGLE — CARREGAMENTO ====== */

.toggle-tema {
    visibility: hidden;
}

html[data-theme] .toggle-tema {
    visibility: visible;
}

/* ===== RESET ===== */

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;

    background: var(--cor-fundo);
    color: var(--cor-preto);

    font-size: 16px;

    line-height: 1.6;
}

/*=== SCROLL COLORIDO ===*/

html {
    scrollbar-width: auto;
    scrollbar-color: #1255F3 #101010;
}

/* ===== TIPOGRAFIA GLOBAL ===== */

h1 {
    font-size: 30px;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 17px;
}

@media (max-width: 1285px) and (min-width: 768px) {

    body {
        font-size: 13px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 13px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 15px;
    }
}

/* ===== LISTAS GLOBAIS ===== */

ul {
    margin-left: 30px;
    padding-left: 0;
}

ul li {
    text-indent: 0;
    margin-bottom: 10px;
}

ul li::marker {
    color: var(--cor-destaque);
}

/* ===== LINKS GERAIS ===== */

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
}


/* ===== LEGENDA DAS IMAGENS ===== */

.wp-block-image {
    position: relative;
}

.wp-block-image .wp-element-caption {
    position: absolute;
    bottom: 8px;
    left: 8px;
    max-width: 80%;
    margin: 0;
    padding: 6px 12px;
    box-sizing: border-box;
    background-color: var(--cor-destaque);
    color: #fff;
    border-radius: 4px;
    font-size: inherit;
    line-height: 1.3;
    z-index: 2;
}

/* ===== LINKS NAS LEGENDAS ===== */

.wp-element-caption a,
figcaption a {
    pointer-events: none;
    color: #fff !important;
    text-decoration: none !important;
}


/* ===== QUOTES 1 ===== */

.wp-block-paragraph.quotes-1 {
    position: relative;
    margin: 30px 0;
    padding: 14px 20px 14px 22px;
    border-left: 10px solid var(--cor-destaque);
    color: var(--cor-preto);
    line-height: 1.6;
}

.wp-block-paragraph.quotes-1 a,
.wp-block-paragraph.quotes-2 a{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
  font-weight: 400;
}

/* ===== ASPAS ===== */

.wp-block-paragraph.quotes-1::before {
    content: "“";
    display: inline;
    color: var(--cor-destaque);
    font-family: Georgia, serif;
    font-size: 50px;
    font-weight: bold;
    line-height: 0;
    vertical-align: -12px;
    margin-right: 5px;
}

/* ===== QUOTES 2 ===== */

.wp-block-paragraph.quotes-2 {
    position: relative;
    margin: 20px 0;
    padding: 50px 0 20px;
    color: var(--cor-preto);
    line-height: 1.6;
    text-align: center;
}

/* ===== ÍCONE QUOTES 2 ===== */

.wp-block-paragraph.quotes-2::before {
    content: "“";
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    padding-top: 8px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: var(--cor-destaque);
    color: var(--cor-branco);
    font-family: Georgia, serif;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    box-shadow: none;
}

/*=== CONTAINER PAI DO SITE ===*/

.site-container {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 1285px) and (min-width: 768px) {
    .site-container {
        width: 750px;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .site-container {
        width: 767px;
        max-width: 100%;
    }
}

/*=== TEMPLATE DO POST ===*/

.single-post-page {
    width: 100%;
    padding: 0;
    padding-top: 80px;
}

/*=== LAYOUT PRINCIPAL DO POST ===*/

.single-post-layout {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

@media (max-width: 1285px) and (min-width: 768px) {
    .single-post-layout {
        width: 750px;
    }
}

@media (max-width: 767px) {
    .single-post-layout {
        width: 767px;
        max-width: 100%;
        display: block;
    }
}

.single-post-coluna {
    width: 100%;
    min-width: 0;
    padding-right: 20px;
}

@media (max-width: 1285px) and (min-width: 768px) {
    .single-post-coluna {
        padding-right: 13px;
    }
}

@media (max-width: 767px) {
    .single-post-coluna {
        padding-right: 0;
    }
}

.single-post-main {
    width: 65%;
    padding: 0 20px 0 0;
    border-right: 1px solid var(--cor-linha);
}

@media (max-width: 1285px) {
    .single-post-main {
        padding: 0 13px 0 0;
    }
}

@media (max-width: 767px) {
    .single-post-main {
        width: 100%;
        padding: 0;
        border-right: 0;
    }
}

/* ===== CABEÇALHO DO POST ===== */

.post-cabecalho {
    padding-bottom: 50px;
    width: 100%;
    margin-bottom: 0;
}

@media (max-width: 1285px) {
    .post-cabecalho {
    padding-bottom: 46px;
    }
}


/* ===== IMAGEM DE FUNDO ===== */

.post-cabecalho-fundo {
    background: var(--cor-destaque);
    background-image: var(--imagem-post);
    position: relative;
    width: 100%;
    height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1285px) {
    .post-cabecalho-fundo {
    height: 600px;
    }
}

/* ===== CONTEÚDO SOBREPOSTO ===== */

.post-cabecalho-fundo .site-container {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 30%);
}

/* ===== CAIXA DE INFORMAÇÕES ===== */

.post-cabecalho-conteudo {
    position: relative;
    padding: 20px 12px;
    background: var(--cor-destaque);
    color: var(--cor-branco);
    box-sizing: border-box;
}

/* ===== BADGE ===== */

.post-cabecalho-badge {
    display: table;
    margin: -35px auto 20px;
    padding: 6px 12px;
    background: var(--cor-branco);
    color: var(--cor-destaque);
    border-radius: 12px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.45);
}

@media (max-width: 767px) {
    .post-cabecalho-badge {
        margin-bottom: 0;
    }
}

/* ===== TITULO ===== */

.post-cabecalho-titulo {
    margin: 6px 0 8px;
    color: var(--cor-branco);
    line-height: 1.2;
    border-bottom: 1px solid var(--cor-linha);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.post-cabecalho-titulo a {
    display: inline;
}


.post-cabecalho-titulo a {
    color: var(--cor-branco);
    text-decoration: none;
}


/* ===== RESUMO ===== */

.post-cabecalho-resumo {
    color: var(--cor-branco);
    line-height: 1.4;
}

.post-cabecalho-resumo p {
    margin: 0;
}

/* ===== META ===== */

.post-cabecalho-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 0;
    color: var(--cor-branco);
}

.post-cabecalho-meta a {
    font-weight: 600;
}

.post-cabecalho-meta span {
    margin: 0;
}

/* ===== CABEÇALHO DO POST — MOBILE ===== */

@media (max-width: 767px) {

    .post-cabecalho {
        padding: 80px 0 0;
        margin: 0;
        background: var(--cor-preto);
    }

    .post-cabecalho-fundo {
        position: relative;
        height: auto;
        min-height: 0;
        padding: 0;
        background-image: none;
    }
    

    .post-cabecalho-fundo::before {
        content: "";
        display: block;
        width: 100%;
        height: 300px;
        background-image: var(--imagem-post);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        
    }

    /* ===== CONTEÚDO ABAIXO DA IMAGEM ===== */

    .post-cabecalho-fundo .site-container {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        width: 100%;
        padding: 0;
        transform: none;
    }

    .post-cabecalho-conteudo {
        position: relative;
        width: 100%;
        padding: 16px 12px;
        box-sizing: border-box;
    }

    .post-cabecalho-badge {
        margin: -35px auto 12px;
    }

    .post-cabecalho-titulo {
        margin: 6px 0 10px;
        padding-bottom: 10px;
        line-height: 1.2;
    }

    .post-cabecalho-resumo {
        line-height: 1.4;
    }

    .post-cabecalho-meta {
        display: block;
        line-height: 1.5;
    }

}



.single-post-content a {
    font-weight: 600;
}

/*=== CONTEÚDO WORDPRESS ===*/

.single-post-content {
    width: 100%;
    color: var(--cor-preto);
    line-height: 1.7;
    padding: 20px 0 0;
}

.single-post-content p {
    margin: 0 0 20px;
}

.single-post-content h2 {
    margin: 25px 0 20px;
    color: var(--cor-preto);
    line-height: 1.2;
}

.single-post-content h3 {
    margin: 30px 0 12px;
    color: var(--cor-preto);
    line-height: 1.2;
}

.single-post-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

.single-post-content a {
    color: var(--cor-destaque);
    text-decoration: none;
}


/* ===== TAGS ===== */

.single-post-tags {
    margin-top: 30px;
    padding: 18px 0;
    border-top: 1px solid var(--cor-linha);
    border-bottom: 1px solid var(--cor-linha);
    color: var(--cor-destaque);
    font-weight: 700;
    line-height: 1.8;
    font-size: 20px;
    text-transform: uppercase;
}

@media (max-width: 1285px) {
    .single-post-tags {
        font-size: 16px;
    }
}

/* ===== ITEM DA TAG ===== */

.single-post-tag-item {
    display: inline;
}

/* ===== LINK DA TAG ===== */

.single-post-tags a {
    color: var(--cor-destaque);
    text-decoration: none;
}

/* ===== VÍRGULA ===== */

.single-post-tags-virgula {
    display: inline;
    color: var(--cor-destaque);
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;
}

/* ===== COMPARTILHE ===== */

.single-post-share {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 0;
    border-bottom: 1px solid #bdbdbd;
}

@media (max-width: 767px) {
    .single-post-share {
        flex-wrap: wrap;
        gap: 10px;
    }
}

/* ===== TEXTO COMPARTILHE ===== */

.single-post-share strong {
    color: var(--cor-preto);
}

/* ===== BOTÕES ===== */

.share-links {
    display: flex;
    align-items: center;
    gap: 7px;
}

.share-links a {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.share-links a:hover {
    transform: scale(1.08);
}

.share-links svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: currentColor;
}

/* Cores oficiais aproximadas */

.share-links .share-whatsapp {
    background: #20c76a;
}

.share-links .share-facebook {
    background: #365899;
}

.share-links .share-x {
    background: #000;
}

/* ===== CELULAR ===== */

@media (max-width: 480px) {
    .post-share {
        gap: 9px;
    }

    .post-share strong {
        font-size: 14px;
    }

    .share-links {
        gap: 6px;
    }

    .share-links a {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
    }

    .share-links svg {
        width: 17px;
        height: 17px;
    }
}

/* ===== MAIS POSTS ===== */

.single-post-more {
    padding: 30px 0;
    border-bottom: 2px solid var(--cor-linha);
}

/* ===== TÍTULO MAIS POSTS ===== */

.single-post-more h2 {
    margin: 0 0 30px;
    color: var(--cor-preto);
    line-height: 1.2;
}

/* ===== LISTA ===== */

.more-list {
    width: 100%;
}

/* ===== POST RECOMENDADO ===== */

.more-item {
    display: flex;
    align-items: baseline;
    gap: 5px;
    padding: 10px 0;
    border-bottom: 1px solid var(--cor-linha);
    color: var(--cor-preto);
    font-weight: 700;
    line-height: 1.3;
}

/* ===== ÚLTIMO POST ===== */

.more-item:last-child {
    border-bottom: 0;
}

/* ===== TRIÂNGULO ===== */

.more-item-icone {
    display: block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    color: var(--cor-destaque);
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

/* ===== TEXTO INLINE ===== */

.more-item-texto {
    display: inline;
    flex: 0 1 auto;
    min-width: 0;
}

/* ===== LINK DO TÍTULO ===== */

.more-item-texto a {
    color: var(--cor-preto);
    text-decoration: none;
}

/* ===== EFEITO DO TRIÂNGULO ===== */

.more-item:has(.more-item-texto:hover) .more-item-icone {
    transform: rotate(-90deg);
}

/*=== COMENTÁRIOS ===*/

.single-comments {
    margin-top: 30px;
    padding: 0;
}

.single-comments h2 {
    margin: 0 0 20px;
    color: var(--cor-preto);
}

#comments {
    margin: 10px auto!important;

}


/* ===== POSTS RELACIONADOS ===== */

.single-post-related {
    width: 100%;
}

.single-post-related .site-container {
    border-top: 1px solid var(--cor-linha);
    border-bottom: 1px solid var(--cor-linha);
    padding: 50px 10px;
}

@media (max-width: 1285px) {
    .single-post-related .site-container {
    padding: 30px 10px;
    }
}

/* ===== CABEÇALHO DAS ABAS ===== */

.single-post-related-cabecalho {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    border-bottom: 4px solid var(--cor-destaque);
}

.single-post-related-aba {
    margin: 0;
    padding: 10px 17px;
    border: 0;
    border-radius: 0;
    background: #789cff;
    color: #fff;
    font: inherit;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease;
}


@media (max-width: 1285px) {
    .single-post-related-aba {
    font-size: 18px;
    }
}

@media (max-width: 767px) {

    .single-post-related-cabecalho {
        display: flex;
        width: 100%;
    }

    .single-post-related-aba {
        flex: 1;
        min-width: 0;
        padding: 10px 4px;
        text-align: center;
        font-size: 16px;
    }

}

.single-post-related-aba.ativo {
    background: var(--cor-destaque);
}

.single-post-related-aba:hover {
    background: var(--cor-destaque);
}

.single-post-related-aba:focus-visible {
    outline: 2px solid var(--cor-preto);
    outline-offset: -3px;
}

/* ===== PAINÉIS ===== */

.single-post-related-painel {
    padding-top: 50px;
}

@media (max-width: 1285px) {
    .single-post-related-painel {
    padding-top: 30px;
    }
}

.single-post-related-painel[hidden] {
    display: none;
}

/* ===== LISTA DE CARDS ===== */

.single-post-related-lista {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

@media (max-width: 1285px) {
    .single-post-related-lista {
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .single-post-related-lista {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* ===== CARD ===== */

.single-post-related-card {
    min-width: 0;
}

/* ===== IMAGEM ===== */

.single-post-related-imagem {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.single-post-related-imagem img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}

.single-post-related-imagem > a:first-child {
    display: block;
    width: 100%;
    height: 100%;
}

/* ===== CATEGORIA ===== */

.single-post-related-badge {
    position: absolute!important;
    top: 10px;
    left: 10px;
    z-index: 20;
    padding: 6px 12px;
    background: var(--cor-destaque);
    color: var(--cor-branco);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .45);
}

/* ===== TÍTULO DO POST ===== */

.post-related-titulo {
    margin: 6px 0 8px;
    color: var(--cor-preto);
    font-weight: 700;
    line-height: 1.25;
}

.post-related-titulo a {
    color: inherit;
    text-decoration: none;
}

/* ===== AUTOR E DATA ===== */

.single-post-related-meta {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--cor-linha);
    color: var(--cor-preto);
    font-size: 14px;
    line-height: 1.5;
}

.single-post-related-meta a {
    color: var(--cor-preto);
    text-decoration: none;
    font-weight: 600;
}

/* ===== RESUMO ===== */

.single-post-related-resumo {
    margin-top: 8px;
    color: var(--cor-preto);
    line-height: 1.6;
}

.single-post-related-resumo p {
    margin: 0;
}

/* ===== ESTADO VAZIO ===== */

.single-post-related-vazio {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--cor-preto);
}


/*=== SIDEBAR ===*/


.single-sidebar {
    width: 35%;
    padding: 0 0 0 20px;
    border: 0;
}

@media (max-width: 1285px) {
    .single-sidebar {
        padding: 0 0 0 13px;
    }
}

@media (max-width: 767px) {
    .single-sidebar {
        width: 100%;
        padding: 0;
        margin-top: 0;
        border-top: 1px solid var(--cor-linha);
    }
}



/*=== ARQUIVO ===*/

.arquivo-titulo {
    width: 100%;
    height: 220px;
    background: var(--cor-preto);
    background-image: url(https://firebrick-dragonfly-610839.hostingersite.com/wp-content/uploads/2026/10/BG-Black-2-scaled.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    padding-top: 100px;
    align-items: center;
}

@media (max-width: 1285px) {
    .arquivo-titulo {
        height: 200px;
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .arquivo-titulo {
        padding-top: 80px;
    }
}

.arquivo-titulo h1 {
    margin: 0;
    color: var(--cor-branco);
    text-align: left;
    line-height: 1.15;
}

.list-post-descricao,
.noticias-descricao {
    margin: 30px 0;
    color: var(--cor-preto);
}

/* ===== TITULO DO AUTOR ===== */

.arquivo-autor {
    display: flex;
    align-items: center;
    gap: 16px;
}

.arquivo-autor-imagem {
    width: 90px;
    height: 90px;
    flex-shrink: 0;
}

@media (max-width: 1285px) {
    .arquivo-autor-imagem {
    width: 80px;
    height: 80px;
    }
}

.arquivo-autor-imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--cor-branco);
    box-sizing: border-box;
}

.arquivo-autor-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.arquivo-autor-info p {
    margin: 0;
    color: var(--cor-branco);
}


/* ===== PAGINAÇÃO DO ARQUIVO ===== */

.paginacao-arquivo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    margin: 35px 0;
}

.paginacao-arquivo .page-numbers {
    color: var(--cor-preto);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.paginacao-arquivo .page-numbers.current {
    color: var(--cor-destaque);
}


.paginacao-arquivo .prev,
.paginacao-arquivo .next {
    text-transform: uppercase;
}



/*=== PAGINAS ===*/

.page a {
    font-weight: 600;
}

.page-titulo {
    width: 100%;
    height: 220px;
    background: var(--cor-preto);
    background-image: url(https://firebrick-dragonfly-610839.hostingersite.com/wp-content/uploads/2026/10/BG-Black-2-scaled.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    padding-top: 100px;
    align-items: center;
}

.page-titulo h1 {
    color: var(--cor-branco);
    text-align: left;
    line-height: 1.15;
    margin: 0px;
}

.page-content a {
    color: var(--cor-destaque);
}

/*=== BREADCRUMB ===*/

.page-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    padding-top: 15px;
}

.page-breadcrumb a {
    color: var(--cor-branco);
    text-decoration: none;
}

[data-theme="dark"] .page-breadcrumb a {
    font-weight: 500;
}

.page-breadcrumb a:hover {
    color: var(--cor-destaque);
}

.page-content .page-breadcrumb a {
    color: inherit;
}

.titulo {
    margin: 0 0 10px;
    color: var(--cor-branco);
    line-height: 1.15;
}

/*=== CONTATO ===*/

.contato-icone-email,
.contato-icone-wa {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contato-icone-email::before {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M3 7l9 7 9-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.contato-icone-wa::before {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 0 0-7.8 13.5L3 21l4.7-1.2A9 9 0 1 0 12 3Z' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M9.2 8.5c.2-.4.4-.4.7-.4h.4c.2 0 .4.1.5.4l.7 1.7c.1.2.1.4-.1.6l-.5.6c-.1.1-.1.3 0 .4.4.7 1 1.3 1.7 1.7.2.1.3.1.4 0l.6-.5c.2-.2.4-.2.6-.1l1.7.7c.3.1.4.3.4.5v.4c0 .3 0 .5-.4.7-.4.2-1 .3-1.6.2-1.1-.2-2.4-.9-3.5-2s-1.8-2.4-2-3.5c-.1-.6 0-1.2.2-1.6Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

[data-theme="dark"] .contato-icone-email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='%23101010' stroke-width='2'/%3E%3Cpath d='M3 7l9 7 9-7' fill='none' stroke='%23101010' stroke-width='2'/%3E%3C/svg%3E");
}


[data-theme="dark"] .contato-icone-wa::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a9 9 0 0 0-7.8 13.5L3 21l4.7-1.2A9 9 0 1 0 12 3Z' fill='none' stroke='%23101010' stroke-width='2'/%3E%3Cpath d='M9.2 8.5c.2-.4.4-.4.7-.4h.4c.2 0 .4.1.5.4l.7 1.7c.1.2.1.4-.1.6l-.5.6c-.1.1-.1.3 0 .4.4.7 1 1.3 1.7 1.7.2.1.3.1.4 0l.6-.5c.2-.2.4-.2.6-.1l1.7.7c.3.1.4.3.4.5v.4c0 .3 0 .5-.4.7-.4.2-1 .3-1.6.2-1.1-.2-2.4-.9-3.5-2s-1.8-2.4-2-3.5c-.1-.6 0-1.2.2-1.6Z' fill='%23101010'/%3E%3C/svg%3E");
}

.contato-descricao a,
.contato-email a {
    color: var(--cor-destaque);
    text-decoration: none;
}

/* ===== CONTATO ===== */

.contato-colunas {
    display: flex;
    margin-bottom: 0;
    gap: 0;
    border-top: 1px solid var(--cor-linha);
}

.coluna-email {
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 15px;
    padding-bottom: 30px !important;
    box-sizing: border-box;
}

.coluna-formulario {
    flex: 0 0 30%;
    max-width: 30%;
    border-left: 1px solid var(--cor-linha);
    padding-left: 15px;
    padding-bottom: 30px !important;
    box-sizing: border-box;
}


/* ===== MOBILE ===== */

@media (max-width: 767px) {

    .contato-colunas {
        flex-direction: column;
    }

    .coluna-email,
    .coluna-formulario {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .coluna-formulario {
        border-left: 0;
        border-right: 0 !important;
        border-bottom: 1px solid var(--cor-linha);
        padding-bottom: 50px !important;
    }
}

/*=== FORMULÁRIO ===*/

.formulario-contato {
    width: 100%;
}

.campo-formulario {
    width: 100%;
    margin-bottom: 8px;
}

.campo-formulario label {
    display: block;
    margin-bottom: 3px;
    color: var(--cor-preto);
}

.campo-formulario input,
.campo-formulario textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    border-radius: 2px;
    background: var(--cor-branco);
    color: var(--cor-preto);
    font-family: inherit;
    outline: none;
}


.campo-formulario input {
    height: 35px;
    padding: 8px 12px;
}

.campo-formulario textarea {
    min-height: 120px;
    padding: 8px 12px;
    resize: vertical;
}

.formulario-contato button {
    width: 100%;
    height: 35px;
    padding: 0 15px;
    border: 0;
    border-radius: 2px;
    background: var(--cor-destaque);
    color: var(--cor-branco);
    font-family: inherit;
    cursor: pointer;
}

/*=== AVISO — FORMULÁRIO ===*/

.formulario-aviso {
    width: 100%;
    margin-top: 10px;
    padding: 0;
    display: none;
}

.formulario-aviso.sucesso,
.formulario-aviso.erro {
    display: block;
}

.formulario-aviso.sucesso {
    color: var(--branco);
}

.formulario-aviso.erro {
    background: #d00000;
    color: var(--cor-branco);
}

/*=== PAGINAS - LISTA DE ICONES ===*/

.page-lista {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}

.page-lista-cross-arrow,
.page-lista-star,
.page-lista-form,
.page-lista-check,
.page-lista-light,
.page-lista-crusades-arrow,
.page-lista-tag,
.page-lista-shop,
.page-lista-user-check,
.page-lista-upper-graphics,
.page-lista-arrow-outsider,
.page-lista-user,
.page-lista-trash,
.page-lista-user-close,
.page-lista-info,
.page-lista-file-check {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
    padding: 0;
}

.page-lista-cross-arrow::before,
.page-lista-star::before,
.page-lista-form::before,
.page-lista-check::before,
.page-lista-light::before,
.page-lista-crusades-arrow::before,
.page-lista-tag::before,
.page-lista-shop::before,
.page-lista-user-check::before,
.page-lista-upper-graphics::before,
.page-lista-arrow-outsider::before,
.page-lista-user::before,
.page-lista-trash::before,
.page-lista-user-close::before,
.page-lista-info::before,
.page-lista-file-check::before {
    content: "";
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-color: var(--cor-destaque);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-lista-file-check::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 14l2 2 4-4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 14l2 2 4-4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-upper-graphics::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19V5M4 19h16M7 15l4-4 3 3 5-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19V5M4 19h16M7 15l4-4 3 3 5-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-arrow-outsider::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 5h5v5M13 11l6-6M19 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 5h5v5M13 11l6-6M19 13v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-user::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-trash::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5M14 11v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5M14 11v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-user-close::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6 2.1 0 4 1.1 5.1 2.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 8l6 6M21 8l-6 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6 2.1 0 4 1.1 5.1 2.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 8l6 6M21 8l-6 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-info::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 10v6M12 7h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 10v6M12 7h.01' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-user-check::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6 2.1 0 4 1.1 5.1 2.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 17l2 2 4-4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='3.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6 2.1 0 4 1.1 5.1 2.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15 17l2 2 4-4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-cross-arrow::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16M8 8l-4 4 4 4M16 8l4 4-4 4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16M8 8l-4 4 4 4M16 8l4 4-4 4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-star::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9L12 3z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3 6.4 20.2l1.1-6.2L3 9.6l6.2-.9L12 3z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-form::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l3 3v15H6zM15 3v4h4M9 12h6M9 16h6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-check::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-light::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 20h6M10 17h4M8 14c-1.2-1-2-2.5-2-4.2A6 6 0 0 1 18 10c0 1.7-.8 3.2-2 4.2-.7.6-1 1.2-1 1.8H9c0-.6-.3-1.2-1-2z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 20h6M10 17h4M8 14c-1.2-1-2-2.5-2-4.2A6 6 0 0 1 18 10c0 1.7-.8 3.2-2 4.2-.7.6-1 1.2-1 1.8H9c0-.6-.3-1.2-1-2z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-crusades-arrow::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5l15 14M19 5L4 19' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M4 5h5M4 5v5M19 19h-5M19 19v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5l15 14M19 5L4 19' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M4 5h5M4 5v5M19 19h-5M19 19v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-tag::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6v6l9 9 9-9-9-9H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='9' r='1.5' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6v6l9 9 9-9-9-9H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='7' cy='9' r='1.5' fill='black'/%3E%3C/svg%3E") center / contain no-repeat;
}

.page-lista-shop::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 8h14l1 13H4L5 8zM8 8a4 4 0 0 1 8 0' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 8h14l1 13H4L5 8zM8 8a4 4 0 0 1 8 0' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}


/* LISTA DE EFEITO DE LINHA AZUL */

.home-categorias-card-titulo a,
.post-list-titulo a,
.post-list-meta a,
.sidebar-post-titulo a,
.sidebar-post-meta a,
.site-nav a,
.paginacao-arquivo a,
.page .page-content a,
.single-post-content a,
.single-post-tags a,
.single-post-more a,
.post-related-titulo a,
.single-post-related-meta a {
    background-image: linear-gradient(
        var(--cor-destaque),
        var(--cor-destaque)
    );
    background-size: 0% 0.2em;
    background-position: 0 100%;
    background-repeat: no-repeat ;
    padding-bottom: 1px;
    transition: background-size 0.25s ease;
}

.home-categorias-card-titulo a:hover,
.post-list-titulo a:hover,
.post-list-meta a:hover,
.sidebar-post-titulo a:hover, 
.sidebar-post-meta a:hover,
.site-nav a:hover,
.paginacao-arquivo a:hover,
.page .page-content a:hover,
.single-post-content a:hover,
.single-post-tags a:hover,
.single-post-more a:hover,
.post-related-titulo a:hover,
.single-post-related-meta a:hover {
    background-size: 100% 0.2em;
}

/* LISTA DE EFEITO DE LINHA BRANCA */

.footer-link-name a,
.home-categorias-meta a,
.footer-lista-institucional a,
.footer-lista-categorias a,
.offcanvas-categorias a,
.destaques-slide-titulo a,
.destaques-slide-meta a,
.post-cabecalho-meta a {
    background-image: linear-gradient(
        var(--cor-branco),
        var(--cor-branco)
    );
    background-size: 0% 0.2em;
    background-position: 0 100%;
    background-repeat: no-repeat ;
    padding-bottom: 1px;
    transition: background-size 0.25s ease;
}

.footer-link-name a:hover,
.home-categorias-meta a:hover,
.footer-lista-institucional a:hover,
.footer-lista-categorias a:hover,
.offcanvas-categorias a:hover,
.destaques-slide-titulo a:hover,
.destaques-slide-meta a:hover,
.post-cabecalho-meta a:hover {
    background-size: 100% 0.2em;
}

/* LINHA BRANCA DO TEXTO DO DROPDOWN */

.categorias-dropdown a span {
    background-image: linear-gradient(
        var(--cor-branco),
        var(--cor-branco)
    );
    background-size: 0% 2px;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 1px;
    transition: background-size 0.25s ease;
}

.categorias-dropdown a:hover span {
    background-size: 100% 2px;
}

/* LINHA AZUL NA BASE DA IMAGEM */

.post-list-imagem::before,
.sidebar-post-imagem::before,
.single-post-related-imagem::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: var(--cor-destaque);
    transition: height 0.25s ease;
    z-index: 4;
    pointer-events: none;
}

.post-list:hover .post-list-imagem::before,
.sidebar-post:hover .sidebar-post-imagem::before,
.single-post-related-card:hover .single-post-related-imagem::before {
    height: 8px;
}

/* LINHA BRANCA NA BASE DOS BOTOES */

.home-categorias-badge,
.post-list-badge,
.sidebar-post-badge,
.single-post-related-badge,
.home-categorias-mais a {
    position: relative;
    overflow: hidden;
}

.home-categorias-badge::after,
.post-list-badge::after,
.sidebar-post-badge::after,
.single-post-related-badge::after,
.home-categorias-mais a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: var(--cor-branco);
    transition: height 0.25s ease;
    pointer-events: none;
}

.home-categorias-badge:hover::after,
.post-list-badge:hover::after,
.sidebar-post-badge:hover::after,
.single-post-related-badge:hover::after,
.home-categorias-mais a:hover::after {
    height: 5px;
}

/* LINHA PRETA NA BASE DOS BOTOES */

.home-noticias-btn a,
.home-categorias-mais.btn-celulares a,
.post-cabecalho-badge {
    position: relative; 
    overflow: hidden;
}

.home-noticias-btn a::after,
.home-categorias-mais.btn-celulares a::after,
.post-cabecalho-badge::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: var(--cor-preto);
    transition: height 0.25s ease;
    pointer-events: none;
}

.home-noticias-btn a:hover::after,
.home-categorias-mais.btn-celulares a:hover::after,
.post-cabecalho-badge:hover::after {
    height: 5px;
}

/* LINHA AZUL NA BASE DOS BOTOES */

.destaques-slide-badge {
    position: relative; 
    overflow: hidden;
}

.destaques-slide-badge::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: var(--cor-destaque);
    transition: height 0.25s ease;
    pointer-events: none;
}

.destaques-slide-badge:hover::after {
    height: 5px;
}