.elementor-kit-6{--e-global-color-primary:#007BFF;--e-global-color-secondary:#004A99;--e-global-color-text:#FFFFFF;--e-global-color-accent:#000000;--e-global-color-fba9e27:#595555;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1920px;}.e-con{--container-max-width:1920px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove espaços entre seções */
.elementor-section {
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove espaços internos das colunas */
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0 !important;
}

/* Para versões mais novas com containers */
.e-con {
    gap: 0 !important;
    padding: 0 !important;
}

/* Garante que widgets não adicionem espaçamento */
.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}
/* Garante que o estilo do botão seja aplicado */
.elementor-button {
    background: linear-gradient(to right, #007BFF, #004A99) !important;
    border: none !important;
    color: white !important;
    font-family: "Degular", sans-serif !important;
    padding: 1.25rem 2.5rem !important;
    border-radius: 360px !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

/* Efeito hover básico */
.elementor-button:hover {
    background: linear-gradient(to right, #0066CC, #003366) !important;
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-button {
        padding: 1rem 1.5rem !important;
    }
}
/* -------------------- */

/* Adicione esta classe CSS ao seu card (seção, coluna ou widget) no Elementor. */
/* Vá para a aba 'Avançado' -> 'Classes CSS' e adicione 'my-card-with-animated-border' (sem aspas). */

.my-card-with-animated-border {
  position: relative !important;
  overflow: hidden !important; /* Importante para que a borda animada não vaze */
  border-radius: 10px !important; /* Ajuste o raio da borda conforme necessário */
  background-color: transparent !important;

  /* Adicione estas propriedades para controlar largura e altura */
  width: 25000px; /* Largura padrão, ajuste conforme necessário */
  height: 500px; /* Altura padrão, ajuste conforme necessário */
  
  /* Centraliza o conteúdo dentro do card */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.my-card-with-animated-border::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: inherit !important;
  padding: 5px; /* Largura da borda animada */
  background: conic-gradient(from var(--angle), #2267c7 0%, #34e0e0 20%, #34e0e0 80%, #2267c7 100%) !important;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask: 
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: spin 3s linear infinite !important;
  z-index: 1 !important; /* Garante que a borda animada esteja acima do conteúdo */
  pointer-events: none !important; /* Permite interações com o conteúdo do card */
}

.my-card-with-animated-border:hover::before {
  animation-play-state: paused !important;
}

@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0turn;
}

@keyframes spin {
  to {
    --angle: 1turn;
  }
}

/* Garante que o conteúdo do card não seja coberto pela borda e seja centralizado */
.my-card-with-animated-border > .elementor-widget-container,
.my-card-with-animated-border > .elementor-column-wrap,
.my-card-with-animated-border > .elementor-inner-section,
.my-card-with-animated-border > .elementor-widget-wrap {
  position: relative !important;
  z-index: 2 !important; /* Garante que o conteúdo esteja acima da borda */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 0 !important; /* Removido o padding para que o conteúdo preencha todo o espaço */
}

/* Garante que as imagens dentro do card preencham o espaço disponível */
.my-card-with-animated-border img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Garante que a imagem preencha o espaço sem distorção */
  display: block !important; /* Remove qualquer espaço extra abaixo da imagem */
}

/* Ajuste para o título e texto para evitar espaçamento indesejado */
.my-card-with-animated-border .elementor-heading-title,
.my-card-with-animated-border .elementor-text-editor {
  margin: 0 !important;
  padding: 5px !important; /* Adiciona um pequeno padding para o texto não colar nas bordas */
}/* End custom CSS */