/* 🔧 Estrutura e Header */
body.home .site-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    opacity: 0.85;
}

body {
    background: linear-gradient(to bottom, #0a0a0a, #050505);
    color: #e5e5e5 !important;
}

.site-main {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 25px;
}

/* 🧾 Posts e Tipografia */
body.home article.post {
    margin-bottom: 40px !important;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(139,92,246,0.15);
	
	
}

.entry-meta {
    display: none !important;
}

.entry-title {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.entry-title a {
    color: #c4b5fd; /* Roxo suave */
    text-decoration: none;
    transition: 0.3s ease;
}

.entry-title a:hover {
    color: #8b5cf6; /* Roxo vivo */
    letter-spacing: 0.6px;
    text-shadow: 0 0 8px rgba(139,92,246,0.4);
}

/* 📄 Conteúdo dos Textos */
.entry-content p {
    line-height: 1.8;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    color: #e2e8f0;
}

/* 🔗 Links Gerais */
a {
    color: #8b5cf6;
    transition: 0.3s ease;
}

a:hover {
    color: #c4b5fd;
    text-shadow: 0 0 6px rgba(139,92,246,0.25);
}

/* 🖼️ Imagens e Alinhamentos */
.entry-content img {
    display: block !important;
    margin: 25px auto !important;
    max-width: 100% !important;
    height: auto;
}

.entry-content .alignleft,
.entry-content .alignright,
.entry-content .alignwide,
.entry-content .alignfull {
    float: none !important;
    display: block !important;
    margin: auto !important;
}

/* 🚫 Limpeza de Footer */
body.home #infinite-footer {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ✨ Estilo do Menu de Navegação */
.main-navigation a {
    color: #eaeaea !important;
    text-transform: lowercase; /* Fica bem minimalista e moderno */
    letter-spacing: 1px;
    font-size: 0.9rem;
    transition: 0.3s;
}

.main-navigation a:hover {
    color: #c4b5fd !important;
    text-shadow: 0 0 5px rgba(139,92,246,0.3);
}

/* 🥢 Divisores entre os itens do Menu (Versão Reforçada) */
.main-navigation li, 
.menu li, 
.nav-menu li {
    position: relative;
    display: inline-block;
    padding-right: 15px !important;
    margin-right: 15px !important;
}

.main-navigation li::after, 
.menu li::after, 
.nav-menu li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 14px; /* Altura da linha vertical */
    width: 1px;
    background-color: rgba(196, 181, 253, 0.35); /* Roxo sutil */
}

/* 🚫 Remove a linha do último item */
.main-navigation li:last-child::after, 
.menu li:last-child::after, 
.nav-menu li:last-child::after {
    display: none !important;
}

/* 📱 Ajuste para não bugar no celular */
@media (max-width: 768px) {
    .main-navigation li::after, .menu li::after {
        display: none !important;
    }
    .main-navigation li {
        border-bottom: 1px solid rgba(139, 92, 246, 0.1);
        display: block;
        width: 100%;
    }
}

/* ==========================================================
   🚫 EXCEÇÃO DE LAYOUT: PÁGINA "SOBRE" (ID: 489)
   ========================================================== */

/* 1. Dá mais espaço horizontal para o texto não ficar espremido ao lado da imagem */
body.page-id-489 .site-main {
    max-width: 900px !important; 
    margin: 0 auto;
}

/* 2. Força a imagem a flutuar à esquerda e o texto a correr ao lado */
body.page-id-489 .entry-content .alignleft {
    float: left !important;
    display: inline !important; 
    margin-right: 35px !important; /* Espaço entre a ilustração e o texto */
    margin-left: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    max-width: 320px !important; /* Ajusta o tamanho da sua ilustração na tela */
    height: auto !important;
}

/* 📱 AJUSTE PARA CELULAR: No mobile, o texto ao lado fica impossível de ler */
@media (max-width: 768px) {
    body.page-id-489 .site-main {
        max-width: 100% !important;
        padding: 0 20px;
    }
    body.page-id-489 .entry-content .alignleft {
        float: none !important;
        display: block !important;
        margin: 25px auto !important; /* Volta a centralizar no celular */
        max-width: 100% !important;
    }
}