/*
CTC Separate Stylesheet
Updated: 2025-12-07 03:48:08
Theme Name: NiO EspiRituaLidade
Theme URI: https://tishonator.com/product/fspirituality
Template: fspirituality
Author: Enio Alves Borges
Author URI: https://www.instagram.com/lion_going_up_in_aquarium/
Description: Tema WordPress Espiritual. O NiO EspiRituaLidade é a escolha perfeita para sites de agências de espiritualidade, blogs de avaliação de hotéis e agências de espiritualidade, blogs sobre espiritualidade e turismo em geral, sites de agentes espirituais, sites de operadoras de turismo ou empresas de turismo, etc. Os recursos incluem efeito de animação, logotipo personalizado, menu suspenso multinível, plano de fundo personalizado, área de widgets no rodapé, otimização para mecanismos de busca, slider integrado na página inicial (exibido apenas em uma página inicial estática), suporte a vários navegadores e pronto para tradução. Spiritual WordPress Theme. NiO EspiRituaLidade is a perfect choice for a spirituality agency website, hotels and spirituality agencies review blog, spirituality worldwide and tourism blog, spirituality agents site, tour operator or tourism company website, etc. Features include Animation Appearing Effect, Custom Logo, Multi-level Drop-down Menu, Custom Background, Footer Widget Area, Search Engine Optimized, Built-in Homepage Slider (Displayed Only on a Static Front Page), Multiple Browsers Support, and Translation-Ready.
Tags: blog, notícias, educação, duas colunas, barra lateral direita, logo tipo personalizado, fundo personalizado, cabeçalho personalizado, menu personalizado, comentários aninhados, pronto para tradução, postagem fixa, opções de tema, widgets de rodapé, estilo do editor, modelo de largura total, blog,news,education,two-columns,right-sidebar,custom-logo,custom-background,custom-header,custom-menu,threaded-comments,translation-ready,sticky-post,theme-options,footer-widgets,editor-style,full-width-template
Version: 1.0.0.1765093688
*/

.whatsapp-icon {
    position: fixed !important; /* Fixa o ícone na tela */
    bottom: 20px !important; /* Distância do fundo da tela */
    right: 20px !important; /* Distância da direita da tela */
    z-index: 1000 !important; /* Garante que o ícone fique acima de outros elementos */
    width: 93px; /* Largura do ícone */
    height: 93px; /* Altura do ícone */
    transition: transform 0.3s ease; /* Efeito de hover suave */
}

.whatsapp-icon img {
    width: 100%; /* Garante que a imagem ocupe todo o espaço do link */
    height: auto; /* Mantém a proporção da imagem */
}

.whatsapp-icon:hover {
    transform: scale(1.1); /* Efeito de zoom ao passar o mouse */
}

/* Layout da grade */
.posts-da-categoria {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Estilo base para cada postagem */
.post-item {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Estilo para a imagem destacada */
.post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

/* Estilo para o título */
.post-item h2 {
    font-size: 1.5em;
    margin: 0 0 10px;
}

.post-item h2 a {
    text-decoration: none;
}

/* Estilo para os metadados */
.post-meta {
    font-size: 0.9em;
    margin-bottom: 10px;
}

/* Estilo para o resumo */
.post-excerpt {
    font-size: 1em;
}

/* Paginação */
.paginacao {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.paginacao a, .paginacao span {
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.paginacao .current {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Estilo para o link "Ver mais" */
.ver-mais {
    color: #0073aa; /* Cor do link */
    text-decoration: none; /* Remove sublinhado */
    font-weight: bold; /* Texto em negrito */
    margin-left: 5px; /* Espaçamento à esquerda */
}

.ver-mais:hover {
    color: #005177; /* Cor do link ao passar o mouse */
    text-decoration: underline; /* Sublinhado ao passar o mouse */
}

/* Classes de cores */
.post-cor-1 { background-color: #000000; color: #FFFFFF; }
.post-cor-2 { background-color: #00FFFF !important; color: #FF0000 !important; }
.post-cor-3 { background-color: #FFFF00; color: #0000FF; }
.post-cor-4 { background-color: #0000FF; color: #FFFF00; }
.post-cor-5 { background-color: #00FFFF; color: #FF0000; }
.post-cor-6 { background-color: #0080FF; color: #FF7F00; }
.post-cor-7 { background-color: #FFFF00; color: #FFFF00; }
.post-cor-8 { background-color: #FF00FF; color: #00FF00; }
.post-cor-9 { background-color: #FFFF00; color: #0000FF; }
.post-cor-10 { background-color: #B4FF7D; color: #4B0082; }
.post-cor-11 { background-color: #74FF00; color: #8B00FF; }








/* Slider Styles for FSpirituality Theme */
.camera_wrap {
    display: none; /* Inicialmente escondido, será mostrado pelo JS */
}

.camera_wrap.camera_initialized {
    display: block;
}

/* Container padrão para sliders */
.slider-container {
    position: relative;
    min-height: 300px;
    background: #f5f5f5;
}

/* Indicador de slider carregando */
.slider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    color: #666;
    font-style: italic;
}

/* Mensagem de erro do slider */
.slider-error {
    padding: 40px 20px;
    text-align: center;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    border-radius: 4px;
    margin: 20px 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .simple-slider .slider-container {
        height: 300px !important;
    }
    
    .simple-slider .slide-caption {
        font-size: 14px;
        padding: 8px 15px;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
}



/* Slider Styles para FSpirituality */
.camera_wrap.fs-initialized {
    display: block !important;
    visibility: visible !important;
}

.fs-test-slider {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Indicador de loading */
.fs-slide.loading img {
    filter: blur(5px);
}

/* Acessibilidade */
.fs-simple-slider:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}

.fs-prev:focus,
.fs-next:focus,
.fs-dot:focus {
    outline: 2px solid #0066cc;
    outline-offset: 2px;
}