.elementor .e-657d00b8-cf04e20{flex-direction:column;}.elementor .e-72c6ec77-4e444b6{padding:0px;flex-direction:column;align-items:center;}.elementor .e-6f18479a-bbe7373{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:center;}.elementor .e-67936e4c-35f7206{width:80%;padding-block-start:20px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:column;align-items:center;}.elementor .e-46c08e6f-011e69e{width:80%;padding:0px;margin-block-start:0px;margin-block-end:0%;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:column;align-items:center;}.elementor .e-74133727-f6dc91f{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-249b1533-f9cb156{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-47de8ba-9f4c3eb{width:80%;height:80vh;padding-block-start:4em;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;flex-direction:row;overflow: hidden;
opacity: 0;
display: none;\n}.elementor .e-c822cc5-47ff418{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:1em;}.elementor .e-6d40e815-3467436{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-668db148-1665449{width:90%;height:450px;padding:0px;background-image:url("https://edgefy.com/wp-content/uploads/2026/06/capa_section3-1-min-1024x410.webp");background-repeat:no-repeat;background-attachment:scroll;background-size:cover;background-position:center center;}.elementor .e-329f7c8c-d320ec2{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-5b920ee7-08f773f{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-169a9382-1fc0dab{padding-block-start:3em;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin-block-start:4em;display:flex;flex-direction:column;align-items:center;}.elementor .e-2b7f2ce8-110b41a{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-61dede56-4c74f2a{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-26219884-d02d0c8{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-f6b917d-6c9659e{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-18a72614-355670c{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-ad58522-bf620c8{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;}.elementor .e-2ce719ca-e72f2db{width:80%;height:80vh;padding:0px;margin-block-start:4em;flex-direction:column;justify-content:center;overflow-x: hidden;\n}.elementor .e-471f4ff4-d1ad785{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-46733d23-f581684{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-6ce3d96d-8c3c011{width:90%;height:80vh;padding:0px;flex-direction:row;overflow-x: hidden;\n}.elementor .e-25e874bd-55496ce{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-27dd6c93-b3d0b36{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin:0px;}.elementor .e-34e7f0bf-d412674{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-67629cb8-e95c333{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-404512e9-9cc674b{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-589ef00e-5fe3ae3{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-3c280691-2414dee{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-4019026a-dd8f8c9{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-64d942ab-41ab6a4{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-5f6e50a7-8f292e7{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:0em;}.elementor .e-540351f5-7e8c4ec{padding-block-start:0em;padding-block-end:0em;padding-inline-start:0em;padding-inline-end:0em;margin-block-start:2em;background-color:#131313;}.elementor .e-a40670f-82a83d7{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-17787e94-af7e7dd{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-799dccb1-70de62d{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-670aefe1-b263380{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-6b12fc8c-33364bc{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-32c195ca-99f0b04{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-4156018c-af2471f{width:80%;padding:0px;margin-block-start:6em;flex-direction:column;}.elementor .e-5351f1e3-4fed3e1{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-564d5b1e-38b2df5{width:80%;padding:0px;margin-block-start:6em;margin-block-end:4em;flex-direction:column;}.elementor .e-5beb33b-247e4e8{width:80%;padding:0px;flex-direction:column;}.elementor .e-44b2b0c0-da47909{flex-direction:column;opacity: 0;
display:none;\n}.elementor .e-484715b1-4862466{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:1em;}.elementor .e-615da715-def3805{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:1em;}.elementor .e-28874253-67654e4{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:1em;}.elementor .e-7f148558-58afb78{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 20px);;color:#fff;text-align:start;margin-block-start:1em;}.elementor .e-53b240d6-eb9278f{width:90%;height:auto;padding:0px;margin-block-start:2em;display:flex;flex-direction:row;gap:50px;}.elementor .e-58a8e355-25326d0{flex-direction:column;opacity: 0;
display: non;\n}.elementor .e-3392b627-1818f41{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-2635212a-4725ccb{width:80%;padding:0px;margin-block-start:4em;flex-direction:column;}.elementor .e-41a3f930-62d1d9d{width:90%;padding:0px;margin-block-start:2em;display: flex !important;
  flex-direction: row !important;
  width: 90%;
  height: 70vh; 
  overflow: hidden;
  padding: 0 !important; 
  gap: 0 !important; 
  justify-content: center;
  align-items: center;
}

/* Configuração padrão (Quando estão Fechados) */
.sanfona-container .sanfona-item {
  flex: 1 !important; 
  position: relative;
  background-color: #1a1a1a !important; /* Força o fundo cinza escuro */
  background-image: none !important; /* Remove qualquer imagem de fundo no estado fechado */
  border-left: 2px solid #c200db; 
  transition: flex 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
  cursor: pointer;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  padding: 50px; 
  box-sizing: border-box;
  text-decoration: none !important;
}

.sanfona-container .sanfona-item:last-child {
  border-right: none;
}

/* COMPORTAMENTO ABERTO (Classe ativa ou Hover no item) */
.sanfona-container .sanfona-item.ativo,
.sanfona-container .sanfona-item:hover {
  flex: 6 !important; 
  justify-content: flex-end !important; 
  align-items: flex-start !important; 
  padding: 40px 30px !important;
}

/* Reset dinâmico: Se houver hover em outro item, o ativo padrão volta a ser cinza e encolhe */
.sanfona-container:hover .sanfona-item.ativo:not(:hover) {
  flex: 1 !important;
  background-color: #1a1a1a !important;
  background-image: none !important; /* Remove a imagem para voltar a ser cinza */
  justify-content: center !important;
  align-items: center !important;
  padding: 30px !important;
}

/* Imagens de fundo aplicadas APENAS quando o item está expandido */
.sanfona-container .sanfona-item:nth-child(1).ativo,
.sanfona-container .sanfona-item:nth-child(1):hover {
  background-image: linear-gradient(to top, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.2)), url('https://edgefy.com/wp-content/uploads/2026/06/sepro-governanca-min.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.sanfona-container .sanfona-item:nth-child(2).ativo,
.sanfona-container .sanfona-item:nth-child(2):hover {
  background-image: linear-gradient(to top, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.2)), url('https://edgefy.com/wp-content/uploads/2026/06/DSC115302.png') !important;
  background-size: cover !important; background-position: center !important;
}
.sanfona-container .sanfona-item:nth-child(3).ativo,
.sanfona-container .sanfona-item:nth-child(3):hover {
  background-image: linear-gradient(to top, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.2)), url('https://edgefy.com/wp-content/uploads/2026/07/capa_TJ.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.sanfona-container .sanfona-item:nth-child(4).ativo,
.sanfona-container .sanfona-item:nth-child(4):hover {
  background-image: linear-gradient(to top, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.2)), url('https://edgefy.com/wp-content/uploads/2026/07/fundo_card5.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.sanfona-container .sanfona-item:nth-child(5).ativo,
.sanfona-container .sanfona-item:nth-child(5):hover {
  background-image: linear-gradient(to top, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.2)), url('https://edgefy.com/wp-content/uploads/2026/06/capa_backeground.webp') !important;
  background-size: cover !important; background-position: center !important;
}

/* Transição suave em Fade e Opacity para os títulos (Sem rotação dura) */
.sanfona-container .sanfona-item .elementor-heading-title {
  writing-mode: vertical-lr !important;
  transform: rotate(180deg) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* Esconde o título vertical (Fade Out) ao abrir */
.sanfona-container .sanfona-item.ativo .elementor-heading-title,
.sanfona-container .sanfona-item:hover .elementor-heading-title {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Recria o título na Horizontal usando um truque de troca suave */
.sanfona-container .sanfona-item.ativo::before,
.sanfona-container .sanfona-item:hover::before {
  content: attr(data-title); /* Pega o texto dinamicamente se configurado, ou tratamos via Fade Geral */
}

/* Abordagem otimizada para o Elementor: vamos suavizar a mudança de estado */
.sanfona-container .sanfona-item .elementor-heading-title {
  transition: opacity 0.2s ease !important;
}

/* NOVA LÓGICA DE TRANSIÇÃO DO TÍTULO: Ele some, muda de posição e reaparece horizontal */
.sanfona-container .sanfona-item.ativo .elementor-heading-title,
.sanfona-container .sanfona-item:hover .elementor-heading-title {
  writing-mode: horizontal-tb !important;
  transform: rotate(0deg) !important;
  text-align: left !important;
  margin-bottom: 15px !important; 
  width: 100%;
  opacity: 1 !important;
  visibility: visible !important;
  animation: fadeInSuave 0.5s ease forward;
}

@keyframes fadeInSuave {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Reset do título do item ativo padrão quando perde o foco */
.sanfona-container:hover .sanfona-item.ativo:not(:hover) .elementor-heading-title {
  writing-mode: vertical-lr !important;
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

/* Esconder o parágrafo quando fechado */
.sanfona-container .sanfona-item .textos-sanfona {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, max-height 0.3s ease !important;
  text-align: left !important;
}

/* Parágrafo quando aberto com delay suave */
.sanfona-container .sanfona-item.ativo .textos-sanfona,
.sanfona-container .sanfona-item:hover .textos-sanfona {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 200px !important; 
  display: block !important;
  text-align: left !important;
  transition-delay: 0.35s !important; 
}

/* Oculta o parágrafo do item ativo se outro ganhar hover */
.sanfona-container:hover .sanfona-item.ativo:not(:hover) .textos-sanfona {
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;\n}.elementor .e-5687668e-72e95c9{width:100%;padding:0px;margin-block-start:4em;display:flex;flex-direction:column;justify-content:center;align-items:center;display: flex;
flex-direction: column;
justify-content: center;
align-items: center;\n}.elementor .e-20b0e42e-9464bb5{font-family:DM Sans;font-weight:200;font-size:clamp(18px, 1.5vw, 24px);;color:#fff;text-align:start;margin-block-start:2em;}.elementor .e-19d85987-4959d35{height:80vh;padding:0px;margin-block-start:4em;flex-direction:row;overflow-x: hidden;\n}