/*
Theme Name: Futurista Child
Theme URI: https://umconto.com.br/
Description: Tema Filho Futurista, baseado em MoreNews.
Author: [Seu Nome]
Author URI: https://umconto.com.br/
Template: morenews
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: futurista-child
*/

@import url("../morenews/style.css");

/* ========================================================= */
/* ======== PALETA DE CORES PROFISSIONAL ======== */
/* ========================================================= */
:root {
    /* Azul Escuro - Backgrounds principais */
    --color-dark-blue: #1a2332;
    --color-dark-blue-light: #2d3a4f;
    --color-dark-blue-lighter: #3d4d63;
    
    /* Cinza Suave - Backgrounds secundários e textos */
    --color-gray-soft: #f5f5f5;
    --color-gray-medium: #e5e7eb;
    --color-gray-dark: #6b7280;
    
    /* Branco - Textos e contrastes */
    --color-white: #ffffff;
    --color-white-off: #f9fafb;
    
    /* Azul Primário - Acentos e links */
    --color-blue-primary: #2563eb;
    --color-blue-primary-hover: #3b82f6;
    --color-blue-primary-light: #60a5fa;
    --color-blue-primary-dark: #1e40af;
    
    /* Espaçamento Padrão */
    --spacing-xs: 0.5rem;    /* 8px */
    --spacing-sm: 1rem;       /* 16px */
    --spacing-md: 1.5rem;     /* 24px */
    --spacing-lg: 2rem;       /* 32px */
    --spacing-xl: 3rem;       /* 48px */
    --spacing-xxl: 4rem;      /* 64px */
    
    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* ========================================================= */
/* ======== 1. ESTILOS GLOBAIS E RESET ======== */
/* ========================================================= */

body, 
body.custom-background, 
body.aft-default-mode, 
.af-whole-wrapper, 
#page {
    background: linear-gradient(180deg, var(--color-dark-blue) 0%, #0f172a 100%) !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    color: var(--color-gray-soft) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6;
}

.site-main {
    background-color: transparent;
    padding: var(--spacing-lg) 0;
}

/* Conteúdo principal e widgets */
#content, 
#primary, 
#secondary, 
.widget {
    background: transparent !important;
    color: var(--color-gray-soft) !important;
}

/* Tipografia - Garantir contraste adequado */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-white) !important;
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
    font-weight: 600;
    line-height: 1.3;
}

p, ul, ol, li {
    color: var(--color-gray-soft) !important;
    margin-bottom: var(--spacing-sm);
}

.read-details,
.read-descprition,
.post-description,
.entry-meta span,
.site-info,
.widget-area,
.widget-area a {
    color: var(--color-gray-soft) !important;
    background: transparent !important;
}

/* Links */
a {
    color: var(--color-blue-primary) !important;
    text-decoration: none;
    transition: color var(--transition-normal);
}

a:hover,
a:focus {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: underline;
}

/* Bordas e sombras sutis */
* {
    border-color: rgba(37, 99, 235, 0.2) !important;
}

/* ========================================================= */
/* ======== 2. HEADER E NAVEGAÇÃO ======== */
/* ========================================================= */

#masthead {
    background: rgba(26, 35, 50, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(37, 99, 235, 0.3);
    padding: var(--spacing-md) 0;
    margin-bottom: var(--spacing-lg);
}

.af-middle-header {
    background: transparent !important;
    padding: var(--spacing-md) 0;
}

.af-middle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-md) 0;
    margin: 0 auto;
    max-width: 1200px;
}

.site-branding {
    text-align: center;
    padding: var(--spacing-sm) 0;
}

.site-branding .custom-logo {
    filter: drop-shadow(0 2px 8px rgba(37, 99, 235, 0.3));
    max-height: 80px;
    width: auto;
}

.site-title a {
    font-size: 2.5rem !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color-white) !important;
    font-weight: 700;
    transition: color var(--transition-normal);
}

.site-title a:hover {
    color: var(--color-blue-primary) !important;
    text-decoration: none;
}

.af-bottom-header {
    background: rgba(26, 35, 50, 0.9);
    border-bottom: 1px solid rgba(37, 99, 235, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-sm) 0;
}

.main-navigation a {
    color: var(--color-gray-soft);
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    transition: all var(--transition-normal);
}

.main-navigation a:hover,
.main-navigation li.current-menu-item a {
    color: var(--color-blue-primary) !important;
    background-color: rgba(37, 99, 235, 0.1);
    text-decoration: none;
}

.af-search-wrap .search-icon i.fa-search {
    color: var(--color-blue-primary);
    transition: color var(--transition-normal);
}

.af-search-wrap .search-icon:hover i.fa-search {
    color: var(--color-blue-primary-hover);
}

/* ========================================================= */
/* ======== 3. LAYOUT PRINCIPAL (MAIN E SIDEBAR) ======== */
/* ========================================================= */

.section-block-upper {
    display: flex;
    flex-wrap: wrap; 
    gap: var(--spacing-lg);
    padding: var(--spacing-lg) var(--spacing-md);
    max-width: 1200px;
    margin: 0 auto;
}

.entry-content-wrap {
    background-color: rgba(26, 35, 50, 0.5);
    padding: var(--spacing-lg);
    border-radius: 8px;
    margin-bottom: var(--spacing-md);
}

#primary {
    flex: 2; 
    min-width: 300px;
    padding: 0;
}

#secondary {
    flex: 1; 
    min-width: 280px;
    padding: 0;
}

@media screen and (max-width: 900px) {
    #primary, 
    #secondary {
        flex: 100%;
        width: 100%;
    }
    
    .section-block-upper {
        padding: var(--spacing-md) var(--spacing-sm);
    }
}

/* ========================================================= */
/* ======== 4. LISTAGEM DE POSTS (CARDS) ======== */
/* ========================================================= */

.archive-layout-list article {
    background: rgba(26, 35, 50, 0.7);
    border: 1px solid rgba(37, 99, 235, 0.2);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    border-radius: 12px;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.archive-layout-list article:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.2);
    border-color: rgba(37, 99, 235, 0.4);
}

.read-title h3 {
    margin-top: 0;
    margin-bottom: var(--spacing-sm);
}

.read-title h3 a {
    color: var(--color-white) !important;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.4;
    transition: color var(--transition-normal);
}

.read-title h3 a:hover {
    color: var(--color-blue-primary) !important;
    text-decoration: none;
}

.read-categories a {
    background-color: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: var(--spacing-sm);
    transition: background-color var(--transition-normal);
}

.read-categories a:hover {
    background-color: var(--color-blue-primary-hover) !important;
    text-decoration: none;
}

.post-item-metadata {
    color: var(--color-gray-medium);
    font-size: 0.875rem;
    margin: var(--spacing-sm) 0;
}

.post-item-metadata i {
    color: var(--color-blue-primary);
    margin-right: var(--spacing-xs);
}

.aft-readmore {
    display: inline-block;
    background: var(--color-blue-primary);
    color: var(--color-white) !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
    transition: all var(--transition-normal);
    margin-top: var(--spacing-sm);
    font-size: 0.875rem;
    letter-spacing: 0.5px;
}

.aft-readmore:hover {
    background: var(--color-blue-primary-hover);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
    text-decoration: none;
}

/* ========================================================= */
/* ======== 5. BOTÕES, INPUTS E FORMULÁRIOS ======== */
/* ========================================================= */

button, 
input[type="submit"], 
.search-submit,
.wp-block-search__button {
    background-color: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    font-weight: 600 !important;
    transition: all var(--transition-normal);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

button:hover, 
input[type="submit"]:hover,
.search-submit:hover,
.wp-block-search__button:hover {
    background-color: var(--color-blue-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4) !important;
    transform: translateY(-2px);
}

button:focus,
input[type="submit"]:focus {
    outline: 2px solid var(--color-blue-primary-light);
    outline-offset: 2px;
}

/* Campos de texto - Contraste adequado */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
textarea {
    background: rgba(26, 35, 50, 0.8) !important;
    color: var(--color-gray-soft) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    padding: var(--spacing-sm) !important;
    border-radius: 6px !important;
    transition: border-color var(--transition-normal);
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: var(--color-blue-primary) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

input::placeholder,
textarea::placeholder {
    color: var(--color-gray-dark) !important;
}

/* ========================================================= */
/* ======== 6. SIDEBAR, WIDGETS E PAGINAÇÃO ======== */
/* ========================================================= */

/* Sidebar Widgets */
#secondary .widget {
    background: rgba(26, 35, 50, 0.7);
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 12px;
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.widget-title,
.widget-title a {
    color: var(--color-white) !important;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: var(--spacing-md);
    padding-bottom: var(--spacing-sm);
    border-bottom: 2px solid rgba(37, 99, 235, 0.3);
}

.widget-title a:hover {
    color: var(--color-blue-primary) !important;
    text-decoration: none;
}

/* Paginação */
.page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    height: 44px;
    background: rgba(26, 35, 50, 0.7);
    color: var(--color-gray-soft);
    border: 1px solid rgba(37, 99, 235, 0.3);
    border-radius: 6px;
    margin: 0 var(--spacing-xs);
    padding: var(--spacing-xs);
    transition: all var(--transition-normal);
    font-weight: 500;
}

.page-numbers.current,
.page-numbers:hover {
    background: var(--color-blue-primary);
    color: var(--color-white);
    border-color: var(--color-blue-primary);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
    text-decoration: none;
}

/* ========================================================= */
/* ======== 7. RODAPÉ ======== */
/* ========================================================= */

.aft-blocks.above-footer-widget-section {
    background: var(--color-dark-blue);
    border-top: 2px solid var(--color-blue-primary);
    padding: var(--spacing-xl) 0;
    margin-top: var(--spacing-xxl);
}

.site-footer {
    background: var(--color-dark-blue);
    color: var(--color-gray-soft);
    padding: var(--spacing-lg) 0;
    border-top: 1px solid rgba(37, 99, 235, 0.3);
    margin-top: var(--spacing-xl);
}

.site-footer.data-bg {
    background-image: none !important;
}

.site-info {
    padding: var(--spacing-md) 0;
    text-align: center;
    color: var(--color-gray-medium);
    font-size: 0.875rem;
}

.site-info a {
    color: var(--color-blue-primary);
}

.color-pad {
    color: var(--color-gray-soft) !important;
    background-color: transparent !important;
    padding: var(--spacing-md) !important;
}

/* Garantir que elementos com classe pad tenham cores corretas */
.pad {
    padding: var(--spacing-md) !important;
}

.pad.color-pad {
    color: var(--color-gray-soft) !important;
    background: transparent !important;
}

/* Melhorar visual dos posts em colunas */
.col-3,
.col-4 {
    padding: var(--spacing-sm) !important;
}

/* Garantir que todos os textos na listagem tenham contraste */
.site-main .read-single *,
.site-main article * {
    color: inherit !important;
}

.site-main .read-single .read-title,
.site-main article .read-title {
    color: var(--color-white) !important;
}

.site-main .read-single .post-description,
.site-main article .post-description,
.site-main .read-single p,
.site-main article p {
    color: var(--color-gray-soft) !important;
}

/* Botão Scroll Up */
#scroll-up {
    background: var(--color-blue-primary) !important;
    border: 2px solid var(--color-blue-primary-light);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
    z-index: 1000;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    transition: all var(--transition-normal);
}

#scroll-up:before {
    content: "▲";
    color: var(--color-white);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#scroll-up:hover {
    background: var(--color-blue-primary-hover) !important;
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.6);
}

/* ========================================================= */
/* ======== 8. REMOÇÃO DE ELEMENTOS DESNECESSÁRIOS ======== */
/* ========================================================= */

/* Esconder botão off-canvas removido */
.offcanvas,
.offcanvas-nav,
.offcanvas-menu,
.mbtn-top,
.mbtn-mid,
.mbtn-bot {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Remover qualquer elemento de cursor personalizado que possa estar no DOM */
.cursor-wrapper,
.cursor-core,
.cursor-ring,
.cursor-trail,
.cursor-active,
[class*="cursor"],
[id*="cursor"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    z-index: -9999 !important;
}

/* ========================================================= */
/* ======== 9. RESPONSIVIDADE E AJUSTES FINAIS ======== */
/* ========================================================= */

@media screen and (max-width: 768px) {
    .site-title a {
        font-size: 2rem !important;
    }
    
    .af-middle-container {
        padding: var(--spacing-sm) var(--spacing-md);
    }
    
    .main-navigation a {
        padding: var(--spacing-sm);
        font-size: 0.85rem;
    }
    
    .archive-layout-list article {
        padding: var(--spacing-md);
    }
    
    #secondary .widget {
        padding: var(--spacing-md);
    }
}

/* Acessibilidade - Foco visível */
*:focus-visible {
    outline: 2px solid var(--color-blue-primary);
    outline-offset: 2px;
}

/* Melhorias de espaçamento para elementos comuns */
.container-wrapper {
    padding: var(--spacing-md) var(--spacing-lg);
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .container-wrapper {
        padding: var(--spacing-md) var(--spacing-sm);
    }
}

/* ========================================================= */
/* ======== 10. POSTS INDIVIDUAIS (SINGLE POST) ======== */
/* ========================================================= */

/* Container principal do post */
.futurista-single-post {
    max-width: 100%;
    margin: 0 auto;
}

.entry-content-wrap.read-single {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 16px !important;
    padding: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    max-width: 100% !important;
}

/* Garantir que o container principal tenha espaçamento adequado */
.section-block-upper {
    padding: var(--spacing-lg) var(--spacing-md) !important;
}

/* Melhorar visual do color-pad dentro do post */
.entry-content-wrap.read-single .color-pad {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Título do post - Hierarquia visual melhorada */
.entry-header .entry-title,
.af-single-article .entry-title,
h1.entry-title,
.entry-header-details .entry-title {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: var(--color-white) !important;
    line-height: 1.2 !important;
    margin-top: var(--spacing-md) !important;
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-md) !important;
    border-bottom: 2px solid rgba(37, 99, 235, 0.3) !important;
    letter-spacing: -0.5px !important;
    text-align: left !important;
}

.entry-header .entry-title a {
    color: var(--color-white) !important;
    text-decoration: none !important;
}

.entry-header .entry-title a:hover {
    color: var(--color-blue-primary) !important;
}

/* Imagem destacada */
.futurista-featured-image {
    margin-bottom: var(--spacing-xl);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.futurista-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
    transition: transform var(--transition-slow);
}

.futurista-featured-image:hover img {
    transform: scale(1.02);
}

/* Conteúdo do post */
.futurista-post-content {
    padding: var(--spacing-lg) 0 !important;
    background: transparent !important;
    margin-top: var(--spacing-lg) !important;
}

.futurista-entry-content,
.entry-content.read-details {
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    color: var(--color-gray-soft) !important;
    max-width: 100% !important;
}

/* Garantir que parágrafos vazios não ocupem espaço */
.futurista-entry-content p:empty {
    display: none !important;
}

/* Parágrafos com espaçamento adequado */
.futurista-entry-content p,
.entry-content.read-details p,
.entry-content p {
    margin-bottom: var(--spacing-md) !important;
    color: var(--color-gray-soft) !important;
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    text-align: justify !important;
}

.futurista-entry-content p:first-of-type {
    margin-top: 0 !important;
    font-size: 1.25rem !important;
    line-height: 1.9 !important;
    color: var(--color-white) !important;
    font-weight: 400 !important;
}

/* Títulos dentro do conteúdo */
.futurista-entry-content h2 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    color: var(--color-white) !important;
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-md) !important;
    padding-top: var(--spacing-md);
    border-top: 1px solid rgba(37, 99, 235, 0.2);
}

.futurista-entry-content h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: var(--color-white) !important;
    margin-top: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-sm) !important;
}

.futurista-entry-content h4 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: var(--color-white) !important;
    margin-top: var(--spacing-md) !important;
    margin-bottom: var(--spacing-sm) !important;
}

/* Listas */
.futurista-entry-content ul,
.futurista-entry-content ol {
    margin-bottom: var(--spacing-md) !important;
    padding-left: var(--spacing-lg);
    color: var(--color-gray-soft) !important;
}

.futurista-entry-content li {
    margin-bottom: var(--spacing-sm) !important;
    line-height: 1.8;
    color: var(--color-gray-soft) !important;
}

/* Links no conteúdo */
.futurista-entry-content a {
    color: var(--color-blue-primary) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color var(--transition-normal);
}

.futurista-entry-content a:hover {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: none;
}

/* Imagens dentro do conteúdo */
.futurista-entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: var(--spacing-lg) 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: block;
}

.futurista-entry-content figure {
    margin: var(--spacing-lg) 0;
    text-align: center;
}

.futurista-entry-content figcaption {
    font-size: 0.875rem;
    color: var(--color-gray-medium);
    margin-top: var(--spacing-sm);
    font-style: italic;
}

/* Citações */
.futurista-entry-content blockquote {
    border-left: 4px solid var(--color-blue-primary);
    padding: var(--spacing-md) var(--spacing-lg);
    margin: var(--spacing-lg) 0;
    background: rgba(37, 99, 235, 0.1);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: var(--color-gray-soft) !important;
}

.futurista-entry-content blockquote p {
    margin-bottom: 0 !important;
    color: var(--color-gray-soft) !important;
}

/* Código */
.futurista-entry-content code {
    background: rgba(26, 35, 50, 0.8);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
    color: var(--color-blue-primary-light);
    border: 1px solid rgba(37, 99, 235, 0.3);
}

.futurista-entry-content pre {
    background: rgba(26, 35, 50, 0.9);
    padding: var(--spacing-md);
    border-radius: 8px;
    overflow-x: auto;
    margin: var(--spacing-lg) 0;
    border: 1px solid rgba(37, 99, 235, 0.3);
}

.futurista-entry-content pre code {
    background: transparent;
    padding: 0;
    border: none;
    color: var(--color-gray-soft);
}

/* Tabelas */
.futurista-entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--spacing-lg) 0;
    background: rgba(26, 35, 50, 0.5);
    border-radius: 8px;
    overflow: hidden;
}

.futurista-entry-content table th,
.futurista-entry-content table td {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid rgba(37, 99, 235, 0.2);
    text-align: left;
}

.futurista-entry-content table th {
    background: rgba(37, 99, 235, 0.2);
    color: var(--color-white);
    font-weight: 600;
}

.futurista-entry-content table td {
    color: var(--color-gray-soft);
}

/* Metadados do post */
.futurista-post-meta {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-lg);
    border-top: 1px solid rgba(37, 99, 235, 0.2);
}

.futurista-post-meta .tags-links a {
    display: inline-block;
    background: rgba(37, 99, 235, 0.2);
    color: var(--color-blue-primary-light) !important;
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: 4px;
    margin-right: var(--spacing-xs);
    margin-bottom: var(--spacing-xs);
    font-size: 0.875rem;
    text-decoration: none;
    transition: all var(--transition-normal);
}

.futurista-post-meta .tags-links a:hover {
    background: var(--color-blue-primary);
    color: var(--color-white) !important;
    transform: translateY(-2px);
}

/* Navegação entre posts */
.post-navigation {
    margin-top: var(--spacing-xl);
    padding-top: var(--spacing-lg);
    border-top: 2px solid rgba(37, 99, 235, 0.3);
    display: flex;
    justify-content: space-between;
    gap: var(--spacing-md);
    flex-wrap: wrap;
}

.post-navigation .nav-links {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: var(--spacing-md);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
    min-width: 200px;
}

.post-navigation a {
    display: block;
    padding: var(--spacing-md);
    background: rgba(26, 35, 50, 0.7);
    border: 1px solid rgba(37, 99, 235, 0.3);
    border-radius: 8px;
    color: var(--color-gray-soft) !important;
    text-decoration: none;
    transition: all var(--transition-normal);
}

.post-navigation a:hover {
    background: rgba(37, 99, 235, 0.2);
    border-color: var(--color-blue-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

.post-navigation .nav-title {
    display: block;
    font-weight: 600;
    color: var(--color-white) !important;
    margin-top: var(--spacing-xs);
}

.post-navigation .em-post-navigation {
    font-size: 0.875rem;
    color: var(--color-gray-medium);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Links de páginas */
.page-links {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-md);
    border-top: 1px solid rgba(37, 99, 235, 0.2);
}

.page-links a {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-sm);
    margin: 0 var(--spacing-xs);
    background: rgba(26, 35, 50, 0.7);
    border: 1px solid rgba(37, 99, 235, 0.3);
    border-radius: 4px;
    color: var(--color-blue-primary) !important;
    text-decoration: none;
}

.page-links a:hover {
    background: var(--color-blue-primary);
    color: var(--color-white) !important;
}

/* ========================================================= */
/* ======== 11. SEÇÃO DO AUTOR E ELEMENTOS ADICIONAIS ======== */
/* ========================================================= */

/* Seção do autor */
.morenews-author-bio {
    margin: var(--spacing-xl) 0 !important;
    padding: var(--spacing-lg) !important;
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.morenews-author-bio .widget-title {
    color: var(--color-white) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-md) !important;
    padding-bottom: var(--spacing-sm) !important;
    border-bottom: 2px solid rgba(37, 99, 235, 0.3) !important;
}

.morenews-author-bio .author-box-content {
    display: flex !important;
    gap: var(--spacing-md) !important;
    align-items: flex-start !important;
}

.morenews-author-bio .author-avatar {
    flex-shrink: 0 !important;
}

.morenews-author-bio .author-avatar img {
    border-radius: 50% !important;
    border: 3px solid rgba(37, 99, 235, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.morenews-author-bio .author-info {
    flex: 1 !important;
}

.morenews-author-bio .author-name {
    margin: 0 0 var(--spacing-xs) 0 !important;
}

.morenews-author-bio .author-name a {
    color: var(--color-white) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color var(--transition-normal);
}

.morenews-author-bio .author-name a:hover {
    color: var(--color-blue-primary) !important;
}

.morenews-author-bio .author-role {
    color: var(--color-gray-medium) !important;
    font-size: 0.875rem !important;
    margin: 0 0 var(--spacing-sm) 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.morenews-author-bio .author-description {
    color: var(--color-gray-soft) !important;
    font-size: 0.9375rem !important;
    line-height: 1.6 !important;
    margin-bottom: var(--spacing-sm) !important;
}

.morenews-author-bio .author-website-and-posts {
    display: flex !important;
    gap: var(--spacing-sm) !important;
    flex-wrap: wrap !important;
    margin-top: var(--spacing-sm) !important;
}

.morenews-author-bio .author-website,
.morenews-author-bio .author-posts-link {
    display: inline-block !important;
    padding: var(--spacing-xs) var(--spacing-sm) !important;
    background: rgba(37, 99, 235, 0.2) !important;
    color: var(--color-blue-primary-light) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 4px !important;
    font-size: 0.875rem !important;
    text-decoration: none !important;
    transition: all var(--transition-normal) !important;
}

.morenews-author-bio .author-website:hover,
.morenews-author-bio .author-posts-link:hover {
    background: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-blue-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* Área de comentários */
.comments-area {
    margin-top: var(--spacing-xl) !important;
    padding: var(--spacing-lg) !important;
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 12px !important;
}

.comment-respond {
    margin-top: var(--spacing-lg) !important;
}

.comment-reply-title {
    color: var(--color-white) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-md) !important;
}

.comment-form label {
    color: var(--color-gray-soft) !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: var(--spacing-xs) !important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    background: rgba(26, 35, 50, 0.8) !important;
    color: var(--color-gray-soft) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 6px !important;
    padding: var(--spacing-sm) !important;
    width: 100% !important;
    transition: border-color var(--transition-normal) !important;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
    border-color: var(--color-blue-primary) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.comment-form .form-submit input[type="submit"] {
    background: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    padding: var(--spacing-sm) var(--spacing-lg) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all var(--transition-normal) !important;
}

.comment-form .form-submit input[type="submit"]:hover {
    background: var(--color-blue-primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4) !important;
}

/* Posts relacionados */
.promotionspace,
.af-reated-posts {
    margin-top: var(--spacing-xl) !important;
    padding: var(--spacing-lg) !important;
    background: rgba(26, 35, 50, 0.6) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 12px !important;
}

.af-reated-posts .widget-title {
    color: var(--color-white) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-bottom: var(--spacing-lg) !important;
    padding-bottom: var(--spacing-sm) !important;
    border-bottom: 2px solid rgba(37, 99, 235, 0.3) !important;
}

.af-reated-posts .read-single {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 8px !important;
    transition: all var(--transition-normal) !important;
    overflow: hidden !important;
}

.af-reated-posts .read-single:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.2) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

.af-reated-posts .read-title h3 a {
    color: var(--color-white) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
}

.af-reated-posts .read-title h3 a:hover {
    color: var(--color-blue-primary) !important;
}

.af-reated-posts .read-img,
.af-reated-posts .read-bg-img {
    border-radius: 8px 8px 0 0 !important;
    overflow: hidden !important;
}

.af-reated-posts .read-img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform var(--transition-slow) !important;
}

.af-reated-posts .read-single:hover .read-img img {
    transform: scale(1.05) !important;
}

.af-reated-posts .read-details {
    padding: var(--spacing-md) !important;
}

.af-reated-posts .post-item-metadata {
    color: var(--color-gray-medium) !important;
    font-size: 0.875rem !important;
    margin-top: var(--spacing-sm) !important;
}

.af-reated-posts .post-item-metadata a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
}

.af-reated-posts .post-item-metadata a:hover {
    color: var(--color-blue-primary-hover) !important;
}

.af-reated-posts .post-item-metadata i {
    color: var(--color-blue-primary) !important;
    margin-right: var(--spacing-xs) !important;
}

/* Melhorar visual geral do post */
.af-single-article {
    position: relative !important;
}

.af-single-article .read-single {
    position: relative !important;
    z-index: 1 !important;
}

/* Garantir que breadcrumbs não quebrem o layout */
.aft-main-breadcrumb-wrapper {
    padding: var(--spacing-md) var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
}

.af-breadcrumbs {
    color: var(--color-gray-soft) !important;
}

.af-breadcrumbs a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
}

.af-breadcrumbs a:hover {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: underline !important;
}

/* Garantir que elementos dentro do post tenham contraste adequado */
.entry-content-wrap.read-single * {
    max-width: 100% !important;
}

/* Melhorar espaçamento entre seções */
.entry-content-wrap.read-single > * {
    margin-bottom: var(--spacing-lg) !important;
}

.entry-content-wrap.read-single > *:last-child {
    margin-bottom: 0 !important;
}

/* Estilizar links dentro do conteúdo do post */
.entry-content a:not(.aft-readmore):not(.author-button):not(.author-website):not(.author-posts-link) {
    color: var(--color-blue-primary) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    transition: color var(--transition-normal) !important;
}

.entry-content a:not(.aft-readmore):not(.author-button):not(.author-website):not(.author-posts-link):hover {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: none !important;
}

/* Garantir que o primeiro parágrafo tenha destaque */
.entry-content > p:first-of-type {
    font-size: 1.25rem !important;
    line-height: 1.9 !important;
    color: var(--color-white) !important;
    font-weight: 400 !important;
    margin-bottom: var(--spacing-lg) !important;
}

/* Melhorar visual dos separadores */
.entry-content-wrap.read-single hr {
    border: none !important;
    border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
    margin: var(--spacing-lg) 0 !important;
}

/* Garantir que widgets na sidebar não quebrem o layout */
#secondary .widget {
    margin-bottom: var(--spacing-lg) !important;
}

/* Responsividade adicional para melhor visualização */
@media screen and (max-width: 992px) {
.section-block-upper {
        flex-direction: column !important;
    }
    
    #primary {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: var(--spacing-lg) !important;
    }
    
    #secondary {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .morenews-author-bio .author-box-content {
        flex-direction: column !important;
    }
    
    .morenews-author-bio .author-avatar {
        margin: 0 auto var(--spacing-md) !important;
    }
}

/* Header do post (quando boxed) */
.entry-header {
    margin-bottom: var(--spacing-xl) !important;
    padding: 0 !important;
}

.entry-header .read-details {
    padding: var(--spacing-lg) !important;
    background: rgba(26, 35, 50, 0.7) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    margin-bottom: var(--spacing-lg) !important;
}

.entry-header .entry-header-details {
    width: 100%;
}

.entry-header .read-categories {
    margin-bottom: var(--spacing-md) !important;
}

.entry-header .read-categories a {
    background-color: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    padding: var(--spacing-xs) var(--spacing-sm) !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.entry-header .read-categories a:hover {
    background-color: var(--color-blue-primary-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4);
}

.entry-header .aft-post-excerpt-and-meta {
    margin-top: var(--spacing-md) !important;
    padding-top: var(--spacing-md) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.entry-header .post-excerpt {
    font-size: 1.125rem !important;
    line-height: 1.7 !important;
    color: var(--color-gray-medium) !important;
    margin-bottom: var(--spacing-md) !important;
    font-style: italic !important;
}

/* Metadados do post no header */
.entry-header .entry-meta,
.entry-header .entry-meta span,
.entry-header .item-metadata {
    color: var(--color-gray-medium) !important;
    font-size: 0.875rem !important;
}

.entry-header .entry-meta a,
.entry-header .item-metadata a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
    transition: color var(--transition-normal);
}

.entry-header .entry-meta a:hover,
.entry-header .item-metadata a:hover {
    color: var(--color-blue-primary-hover) !important;
}

.entry-header .entry-meta i,
.entry-header .item-metadata i {
    color: var(--color-blue-primary) !important;
    margin-right: var(--spacing-xs) !important;
}

.entry-header .min-read {
    color: var(--color-gray-medium) !important;
    font-size: 0.875rem !important;
}

/* Responsividade para posts individuais */
@media screen and (max-width: 768px) {
    .entry-content-wrap.read-single {
        padding: var(--spacing-md);
        border-radius: 12px;
    }
    
    .entry-header .entry-title,
    .af-single-article .entry-title,
    h1.entry-title {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: var(--spacing-sm) !important;
    }
    
    .futurista-entry-content {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .futurista-entry-content p {
        font-size: 1rem;
        margin-bottom: var(--spacing-sm) !important;
    }
    
    .futurista-entry-content h2 {
        font-size: 1.5rem !important;
        margin-top: var(--spacing-lg) !important;
    }
    
    .futurista-entry-content h3 {
        font-size: 1.25rem !important;
    }
    
    .futurista-entry-content h4 {
        font-size: 1.125rem !important;
    }
    
    .futurista-featured-image {
        margin-bottom: var(--spacing-lg);
        border-radius: 8px;
    }
    
    .futurista-entry-content img {
        margin: var(--spacing-md) 0;
        border-radius: 6px;
    }
    
    .futurista-entry-content blockquote {
        padding: var(--spacing-sm) var(--spacing-md);
        margin: var(--spacing-md) 0;
    }
    
    .post-navigation {
        flex-direction: column;
    }
    
    .post-navigation .nav-previous,
    .post-navigation .nav-next {
        width: 100%;
        min-width: auto;
    }
    
    .entry-header .read-details {
        padding: var(--spacing-md);
    }
    
    .futurista-post-meta {
        margin-top: var(--spacing-lg);
        padding-top: var(--spacing-md);
    }
}

@media screen and (max-width: 480px) {
    .entry-content-wrap.read-single {
        padding: var(--spacing-sm);
        margin-bottom: var(--spacing-lg);
    }
    
    .entry-header .entry-title,
    .af-single-article .entry-title,
    h1.entry-title {
        font-size: 1.5rem !important;
    }
    
    .futurista-entry-content {
        font-size: 0.9375rem;
    }
    
    .futurista-entry-content p {
        font-size: 0.9375rem;
    }
    
    .futurista-entry-content ul,
    .futurista-entry-content ol {
        padding-left: var(--spacing-md);
    }
    
    .futurista-entry-content table {
        font-size: 0.875rem;
    }
    
    .futurista-entry-content table th,
    .futurista-entry-content table td {
        padding: var(--spacing-xs) var(--spacing-sm);
    }
    
    .morenews-author-bio {
        padding: var(--spacing-md) !important;
    }
    
    .morenews-author-bio .author-box-content {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .morenews-author-bio .author-avatar {
        margin: 0 auto var(--spacing-md) !important;
    }
    
    .comments-area {
        padding: var(--spacing-md) !important;
    }
    
    .promotionspace,
    .af-reated-posts {
        padding: var(--spacing-md) !important;
    }
}

/* ========================================================= */
/* ======== 12. PÁGINA INICIAL E ARQUIVOS (INDEX/ARCHIVE) ======== */
/* ========================================================= */

/* Títulos de arquivo e página inicial */
.header-title-wrapper,
.header-title-wrapper1 {
    margin-bottom: var(--spacing-xl) !important;
    padding: var(--spacing-lg) !important;
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 12px !important;
    text-align: center !important;
}

.header-title-wrapper .page-title,
.header-title-wrapper1 .page-title {
    color: var(--color-white) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.archive-description {
    color: var(--color-gray-soft) !important;
    font-size: 1rem !important;
    margin-top: var(--spacing-sm) !important;
    line-height: 1.6 !important;
}

/* Posts na listagem (archive/index) - Melhorar visual */
.read-single {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 12px !important;
    padding: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all var(--transition-normal) !important;
    overflow: hidden !important;
}

.read-single:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

/* Imagens dos posts na listagem */
.read-img,
.read-bg-img {
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: var(--spacing-md) !important;
}

.read-img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px !important;
    transition: transform var(--transition-slow) !important;
}

.read-single:hover .read-img img {
    transform: scale(1.03) !important;
}

/* Detalhes dos posts */
.read-details {
    padding: 0 !important;
}

.read-details .read-title h3,
.read-details .read-title h3 a {
    color: var(--color-white) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: var(--spacing-sm) !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
}

.read-details .read-title h3 a:hover {
    color: var(--color-blue-primary) !important;
}

.read-details .post-description,
.read-details .read-descprition {
    color: var(--color-gray-soft) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin: var(--spacing-sm) 0 !important;
}

/* Metadados dos posts na listagem */
.post-item-metadata,
.read-details .entry-meta {
    color: var(--color-gray-medium) !important;
    font-size: 0.875rem !important;
    margin-top: var(--spacing-sm) !important;
    padding-top: var(--spacing-sm) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.post-item-metadata a,
.read-details .entry-meta a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
}

.post-item-metadata a:hover,
.read-details .entry-meta a:hover {
    color: var(--color-blue-primary-hover) !important;
}

.post-item-metadata i,
.read-details .entry-meta i {
    color: var(--color-blue-primary) !important;
    margin-right: var(--spacing-xs) !important;
}

.post-item-metadata .min-read {
    color: var(--color-gray-medium) !important;
}

/* Categorias */
.read-categories {
    margin-bottom: var(--spacing-sm) !important;
}

.read-categories a {
    background-color: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    padding: var(--spacing-xs) var(--spacing-sm) !important;
    border-radius: 4px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-right: var(--spacing-xs) !important;
    margin-bottom: var(--spacing-xs) !important;
    transition: all var(--transition-normal) !important;
}

.read-categories a:hover {
    background-color: var(--color-blue-primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* Botão "Ler mais" */
.aft-readmore-wrapper,
.aft-readmore {
    margin-top: var(--spacing-sm) !important;
}

.aft-readmore-wrapper a.aft-readmore {
    display: inline-block !important;
    background: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
    transition: all var(--transition-normal) !important;
    margin-top: var(--spacing-sm) !important;
    font-size: 0.875rem !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
}

.aft-readmore-wrapper a.aft-readmore:hover {
    background: var(--color-blue-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Página "Nada Encontrado" */
.no-results,
.not-found {
    padding: var(--spacing-xl) !important;
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 12px !important;
    text-align: center !important;
    margin-bottom: var(--spacing-xl) !important;
}

.no-results .page-title,
.not-found .page-title {
    color: var(--color-white) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-bottom: var(--spacing-md) !important;
}

.no-results .page-content,
.not-found .page-content {
    color: var(--color-gray-soft) !important;
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
}

.no-results .page-content p,
.not-found .page-content p {
    color: var(--color-gray-soft) !important;
    margin-bottom: var(--spacing-md) !important;
}

.no-results .page-content a,
.not-found .page-content a {
    color: var(--color-blue-primary) !important;
    text-decoration: underline !important;
    transition: color var(--transition-normal) !important;
}

.no-results .page-content a:hover,
.not-found .page-content a:hover {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: none !important;
}

/* Formulário de busca na página "nada encontrado" */
.no-results .search-form,
.not-found .search-form {
    margin-top: var(--spacing-lg) !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Paginação */
.morenews-pagination {
    margin-top: var(--spacing-xl) !important;
    padding-top: var(--spacing-lg) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
    text-align: center !important;
}

.morenews-pagination .nav-links {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-xs) !important;
}

.morenews-pagination .page-numbers {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 44px !important;
    height: 44px !important;
    background: rgba(26, 35, 50, 0.7) !important;
    color: var(--color-gray-soft) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 6px !important;
    padding: var(--spacing-xs) !important;
    transition: all var(--transition-normal) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.morenews-pagination .page-numbers.current,
.morenews-pagination .page-numbers:hover {
    background: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    border-color: var(--color-blue-primary) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
    text-decoration: none !important;
}

/* Posts em grid (se houver) */
.archive-layout-grid article,
.latest-posts-grid article {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 12px !important;
    padding: var(--spacing-md) !important;
    margin-bottom: var(--spacing-lg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all var(--transition-normal) !important;
    overflow: hidden !important;
}

.archive-layout-grid article:hover,
.latest-posts-grid article:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

/* Post completo (primeiro post) */
.aft-first-post-full,
.latest-posts-full {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-radius: 12px !important;
    padding: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.aft-first-post-full .read-title h3,
.latest-posts-full .read-title h3 {
    font-size: 2rem !important;
    font-weight: 700 !important;
}

/* Garantir contraste em todos os elementos da listagem */
.site-main article * {
    color: inherit !important;
}

.site-main article .read-title,
.site-main article .read-title * {
    color: var(--color-white) !important;
}

.site-main article .post-description,
.site-main article p {
    color: var(--color-gray-soft) !important;
}

/* Posts em lista (list-style) */
.list-style .read-single,
.af-double-column.list-style .read-single {
    background: rgba(26, 35, 50, 0.7) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 12px !important;
    padding: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-lg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all var(--transition-normal) !important;
}

.list-style .read-single:hover,
.af-double-column.list-style .read-single:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3) !important;
    border-color: rgba(37, 99, 235, 0.4) !important;
}

/* Garantir que todos os elementos tenham cores corretas */
.site-main .read-single .read-title h3 a,
.site-main article .read-title h3 a {
    color: var(--color-white) !important;
}

.site-main .read-single .read-title h3 a:hover,
.site-main article .read-title h3 a:hover {
    color: var(--color-blue-primary) !important;
}

/* Garantir contraste em metadados */
.site-main .read-single .post-item-metadata,
.site-main article .post-item-metadata {
    color: var(--color-gray-medium) !important;
}

.site-main .read-single .post-item-metadata a,
.site-main article .post-item-metadata a {
    color: var(--color-blue-primary) !important;
}

/* Responsividade para index/archive */
@media screen and (max-width: 768px) {
    .header-title-wrapper,
    .header-title-wrapper1 {
        padding: var(--spacing-md) !important;
    }
    
    .header-title-wrapper .page-title,
    .header-title-wrapper1 .page-title {
        font-size: 1.5rem !important;
    }
    
    .read-single {
        padding: var(--spacing-md) !important;
    }
    
    .read-details .read-title h3,
    .read-details .read-title h3 a {
        font-size: 1.25rem !important;
    }
    
    .aft-first-post-full,
    .latest-posts-full {
        padding: var(--spacing-lg) !important;
    }
    
    .aft-first-post-full .read-title h3,
    .latest-posts-full .read-title h3 {
        font-size: 1.5rem !important;
    }
    
    .no-results,
    .not-found {
        padding: var(--spacing-lg) !important;
    }
    
    .list-style .read-single,
    .af-double-column.list-style .read-single {
        padding: var(--spacing-md) !important;
    }
}

/* ========================================================= */
/* ======== 13. SEÇÃO "VOCÊ PODE TER PERDIDO" ======== */
/* ========================================================= */

/* Seção principal */
.af-main-banner-latest-posts.grid-layout.morenews-customizer {
    background: rgba(26, 35, 50, 0.5) !important;
    padding: var(--spacing-xl) var(--spacing-md) !important;
    margin: var(--spacing-xl) 0 !important;
    border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.af-main-banner-latest-posts.grid-layout.morenews-customizer .container-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Título da seção */
.af-main-banner-latest-posts .widget-title-section {
    margin-bottom: var(--spacing-xl) !important;
    text-align: center !important;
}

.af-main-banner-latest-posts .widget-title-section .widget-title,
.af-main-banner-latest-posts .widget-title-section h2,
.af-main-banner-latest-posts .widget-title-section .section-title {
    color: var(--color-white) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin: 0 0 var(--spacing-md) 0 !important;
    padding-bottom: var(--spacing-md) !important;
    border-bottom: 2px solid rgba(37, 99, 235, 0.4) !important;
    display: inline-block !important;
    position: relative !important;
}

.af-main-banner-latest-posts .widget-title-section .widget-title::after,
.af-main-banner-latest-posts .widget-title-section h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 2px !important;
    background: var(--color-blue-primary) !important;
}

/* Container dos cards */
.af-main-banner-latest-posts .af-container-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-lg) !important;
    margin: 0 !important;
}

/* Cards individuais - Modernos com bordas arredondadas e sombras */
.af-main-banner-latest-posts .col-4.pad {
    flex: 1 1 calc(25% - var(--spacing-lg)) !important;
    min-width: 250px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.af-main-banner-latest-posts .col-4.pad .read-single {
    background: rgba(26, 35, 50, 0.8) !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
    border-radius: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
    transition: all var(--transition-normal) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.af-main-banner-latest-posts .col-4.pad .read-single:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 8px 32px rgba(37, 99, 235, 0.4) !important;
    border-color: rgba(37, 99, 235, 0.5) !important;
}

/* Imagens dos cards */
.af-main-banner-latest-posts .read-img,
.af-main-banner-latest-posts .read-bg-img {
    width: 100% !important;
    height: 200px !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
    margin: 0 !important;
    position: relative !important;
}

.af-main-banner-latest-posts .read-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform var(--transition-slow) !important;
    display: block !important;
}

.af-main-banner-latest-posts .col-4.pad .read-single:hover .read-img img {
    transform: scale(1.1) !important;
}

/* Detalhes dos cards */
.af-main-banner-latest-posts .read-details {
    padding: var(--spacing-md) !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.af-main-banner-latest-posts .read-title h3,
.af-main-banner-latest-posts .read-title h3 a {
    color: var(--color-white) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 0 0 var(--spacing-sm) 0 !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.af-main-banner-latest-posts .read-title h3 a:hover {
    color: var(--color-blue-primary) !important;
}

.af-main-banner-latest-posts .post-description,
.af-main-banner-latest-posts .read-descprition {
    color: var(--color-gray-soft) !important;
    font-size: 0.875rem !important;
    line-height: 1.6 !important;
    margin: var(--spacing-xs) 0 var(--spacing-sm) 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    flex-grow: 1 !important;
}

/* Categorias nos cards */
.af-main-banner-latest-posts .read-categories {
    margin-bottom: var(--spacing-sm) !important;
}

.af-main-banner-latest-posts .read-categories a {
    background-color: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    padding: var(--spacing-xs) var(--spacing-sm) !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all var(--transition-normal) !important;
}

.af-main-banner-latest-posts .read-categories a:hover {
    background-color: var(--color-blue-primary-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.4) !important;
}

/* Metadados dos cards */
.af-main-banner-latest-posts .post-item-metadata,
.af-main-banner-latest-posts .entry-meta {
    color: var(--color-gray-medium) !important;
    font-size: 0.75rem !important;
    margin-top: auto !important;
    padding-top: var(--spacing-sm) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.af-main-banner-latest-posts .post-item-metadata a,
.af-main-banner-latest-posts .entry-meta a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
}

.af-main-banner-latest-posts .post-item-metadata a:hover,
.af-main-banner-latest-posts .entry-meta a:hover {
    color: var(--color-blue-primary-hover) !important;
}

.af-main-banner-latest-posts .post-item-metadata i,
.af-main-banner-latest-posts .entry-meta i {
    color: var(--color-blue-primary) !important;
    margin-right: var(--spacing-xs) !important;
}

/* Botão "Leia Mais" nos cards */
.af-main-banner-latest-posts .aft-readmore-wrapper {
    margin-top: var(--spacing-sm) !important;
}

.af-main-banner-latest-posts .aft-readmore-wrapper a.aft-readmore {
    display: inline-block !important;
    background: var(--color-blue-primary) !important;
    color: var(--color-white) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: var(--spacing-xs) var(--spacing-md) !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3) !important;
    transition: all var(--transition-normal) !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
}

.af-main-banner-latest-posts .aft-readmore-wrapper a.aft-readmore:hover {
    background: var(--color-blue-primary-hover) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Responsividade para seção "VOCÊ PODE TER PERDIDO" */
@media screen and (max-width: 992px) {
    .af-main-banner-latest-posts .col-4.pad {
        flex: 1 1 calc(50% - var(--spacing-lg)) !important;
        min-width: 280px !important;
    }
    
    .af-main-banner-latest-posts.grid-layout.morenews-customizer {
        padding: var(--spacing-lg) var(--spacing-md) !important;
    }
    
    .af-main-banner-latest-posts .widget-title-section .widget-title,
    .af-main-banner-latest-posts .widget-title-section h2 {
        font-size: 1.75rem !important;
    }
}

@media screen and (max-width: 768px) {
    .af-main-banner-latest-posts .col-4.pad {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .af-main-banner-latest-posts .read-img,
    .af-main-banner-latest-posts .read-bg-img {
        height: 180px !important;
    }
    
    .af-main-banner-latest-posts .read-title h3,
    .af-main-banner-latest-posts .read-title h3 a {
        font-size: 1rem !important;
    }
    
    .af-main-banner-latest-posts.grid-layout.morenews-customizer {
        padding: var(--spacing-md) var(--spacing-sm) !important;
    }
    
    .af-main-banner-latest-posts .widget-title-section .widget-title,
    .af-main-banner-latest-posts .widget-title-section h2 {
        font-size: 1.5rem !important;
    }
}

@media screen and (max-width: 480px) {
    .af-main-banner-latest-posts .read-img,
    .af-main-banner-latest-posts .read-bg-img {
        height: 160px !important;
    }
    
    .af-main-banner-latest-posts .read-details {
        padding: var(--spacing-sm) !important;
    }
    
    .af-main-banner-latest-posts .read-title h3,
    .af-main-banner-latest-posts .read-title h3 a {
        font-size: 0.9375rem !important;
    }
    
    .af-main-banner-latest-posts .post-description {
        font-size: 0.8125rem !important;
    }
}

/* ========================================================= */
/* ======== 14. FOOTER - SITE INFO (COPYRIGHT) ======== */
/* ========================================================= */

.site-info {
    background: rgba(26, 35, 50, 0.9) !important;
    border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
    padding: var(--spacing-md) 0 !important;
    margin-top: 0 !important;
}

.site-info .container-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 var(--spacing-md) !important;
}

.site-info .col-1.color-pad {
    text-align: center !important;
    color: var(--color-gray-soft) !important;
    font-size: 0.875rem !important; /* 14px */
    line-height: 1.8 !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    margin: 0 !important;
}

.site-info .col-1.color-pad br {
    display: block !important;
    margin: var(--spacing-xs) 0 !important;
    content: "" !important;
}

.site-info .col-1.color-pad a {
    color: var(--color-blue-primary) !important;
    text-decoration: none !important;
    transition: color var(--transition-normal) !important;
    font-weight: 500 !important;
}

.site-info .col-1.color-pad a:hover {
    color: var(--color-blue-primary-hover) !important;
    text-decoration: underline !important;
}

/* Responsividade do footer */
@media screen and (max-width: 768px) {
    .site-info .col-1.color-pad {
        font-size: 0.75rem !important; /* 12px em mobile */
        padding: var(--spacing-sm) !important;
        line-height: 1.6 !important;
    }
    
    .site-info .container-wrapper {
        padding: 0 var(--spacing-sm) !important;
    }
}

@media screen and (max-width: 480px) {
    .site-info .col-1.color-pad {
        font-size: 0.6875rem !important; /* 11px em telas muito pequenas */
    }
}

/* ========================================================= */
/* ======== 15. CELEBRAÇÃO ANO NOVO - FOGOS DE ARTIFÍCIO ======== */
/* ========================================================= */

/* Container da celebração */
.new-year-celebration {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.new-year-celebration.show {
    opacity: 1;
}

.new-year-celebration.hide {
    opacity: 0;
}

/* Canvas para fogos de artifício */
#fireworks-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Texto da mensagem */
.new-year-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    font-weight: 700;
    color: #FFD700;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-shadow: 
        0 0 10px rgba(255, 215, 0, 0.9),
        0 0 20px rgba(255, 215, 0, 0.7),
        0 0 30px rgba(255, 215, 0, 0.5),
        0 0 40px rgba(255, 215, 0, 0.4),
        0 0 60px rgba(255, 215, 0, 0.3),
        2px 2px 4px rgba(0, 0, 0, 0.6);
    letter-spacing: 3px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    animation: textPulse 2s ease-in-out infinite;
    z-index: 1;
}

/* Animação de pulso no texto */
@keyframes textPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.05);
    }
}

/* Responsividade */
@media screen and (max-width: 768px) {
    .new-year-text {
        font-size: 3rem;
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 480px) {
    .new-year-text {
        font-size: 2.5rem;
        letter-spacing: 1px;
    }
}