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

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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: #E94F1B; /* Cor do "puxador" (thumb) - seu laranja */
    border-radius: 8px; /* Bordas arredondadas */
    border: 2px 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: #E94F1B #e0e0e0; /* Cor do thumb (laranja) e do track (cinza claro) */    
}


.elementor-icon svg .st3 {
  stroke: #E94F1B;
  fill: transparent;
  stroke-width: 2;
  stroke-dasharray: 1000; /* Ajustaremos se precisar */
  stroke-dashoffset: 1000; /* Esconde o traço */
  /* Removemos a linha da animação automática: */
  /* animation: draw 4s linear forwards; */
}

.elementor-icon svg .st3.animated {
  animation: draw 4s linear forwards;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
    fill: #E94F1B;
  }
}

.card-servico {
    position: relative;
    overflow: hidden;
    height: 100%; 
	min-height:350px;
}

.card-servico .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    height: 100%; 
    padding: 30px; 
    box-sizing: border-box; 
}

.card-servico .elementor-image-box-content .elementor-image-box-title {
    margin-bottom: 5px;
}

.card-servico .elementor-image-box-content .elementor-image-box-description {
    margin-bottom: 0px;
}

 label {
    padding-bottom: 10px!important;
}

/* Cores da Identidade CP7 Contabilidade */
:root {
    --cp7-laranja: #F77732; /* Laranja vibrante da CP7 */    
    --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-laranja); /* Fundo laranja quando aberto */    
    border-bottom: 1px solid var(--cp7-laranja); /* Borda inferior laranja 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;
}