/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

html, body{
  max-width: 100%;
  overflow-x: hidden;
}

/* Estilização da scrollbar (para navegadores baseados em Webkit, como Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 25px!important; /* Largura da barra vertical - reduzido para 12px, um tamanho mais comum */
    height: 25px; /* Altura da barra horizontal (em caso de overflow-x) */
}

::-webkit-scrollbar-track {
    background: #e0e0e0; /* Um cinza claro para a trilha, que se harmoniza bem */
}

::-webkit-scrollbar-thumb {
    background-color: #614D72; /* Cor do "puxador" (thumb) */
    border-radius: 10px; /* Bordas arredondadas */
    border: 4px solid #e0e0e0; /* Borda da cor da trilha para dar um espaçamento sutil */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b83f15; /* Um tom um pouco mais escuro do seu laranja para o hover */
}

/* Firefox (funciona parcialmente com scrollbar-color) */
/* Nota: O Firefox tem suporte mais limitado à personalização da scrollbar */
* {
    scrollbar-color: #614D72 #e0e0e0; /* Cor do thumb e do track (cinza claro) */    
}

.cta {
    background: linear-gradient(180deg, #B8962E 0%, #D4AF37 100%);
    border: none;
    border-radius: 100px;
    color: #000;
    box-shadow: 0px 0px 18px -6px rgba(212, 175, 55, 0.6);
    transition: all 0.3s ease;
    animation: pulseGold 3s infinite;
}

@keyframes pulseGold {
    0% {
        box-shadow: 0px 0px 18px -6px rgba(212, 175, 55, 0.6);
    }
    50% {
        box-shadow: 0px 0px 30px -4px rgba(212, 175, 55, 0.9);
    }
    100% {
        box-shadow: 0px 0px 18px -6px rgba(212, 175, 55, 0.6);
    }
}



/* Cores da Identidade CP7 Contabilidade */
:root {
    --cp7-roxo: #614D72;  
    --cp7-cinza-claro: #f0f0f0; /* Um cinza bem claro para fundos/bordas */
}

/* Estilo Geral da Sanfona (Accordion) - Sem bordas externas para não conflitar */
.e-n-accordion {
    border: none;
    background-color: transparent; /* O fundo será dado pelos itens individuais */
    box-shadow: none; /* A sombra será nos itens individuais */
}

/* Estilo de cada item da Sanfona (o bloco <details>) */
.e-n-accordion-item {
    margin-bottom: 15px; /* Espaço maior entre os itens para melhor separação */
    border-radius: 10px; /* Arredondamento para o item completo */
    overflow: hidden; /* Garante que as bordas arredondadas do item funcionem */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Transição suave para hover */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Sombra suave padrão */
}

/* Efeito de Hover para o Item completo */
.e-n-accordion-item:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Sombra mais proeminente no hover */
    transform: translateY(-3px); /* Leve elevação no hover */
}

/* Estilo do Título da Pergunta (summary) */
.e-n-accordion-item-title {    
    padding: 18px 25px; /* Espaçamento interno */
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 1.15em; /* Tamanho da fonte para a pergunta */
    font-weight: 600;
    border-radius: 20px!important; /* Bordas arredondadas para o título quando fechado */
    transition: all 0.3s ease;
}

/* Estilo do Título da Pergunta QUANDO O ITEM ESTÁ ABERTO */
.e-n-accordion-item[open] > .e-n-accordion-item-title {
    background-color: var(--cp7-roxo); /* Fundo quando aberto */    
    border-bottom: 1px solid var(--cp7-roxo); /* Borda inferior quando aberto */
    border-bottom-left-radius: 0; /* Remove o arredondamento inferior quando aberto */
    border-bottom-right-radius: 0; /* Remove o arredondamento inferior quando aberto */
}

.elementor-widget-n-accordion {
    --n-accordion-border-color: none!important;
}

selector{
  backdrop-filter: blur(5px);
    
}


h3.elementor-icon-box-title{
position: relative;
    top: -20px;
    z-index: 0;
}