.elementor-kit-15{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a677390:#191818;--e-global-color-63e3a00:#440808;--e-global-color-9bb9e4b:#A94930;--e-global-color-0c440be:#E1D8C7;--e-global-color-57fa238:#A88B58;--e-global-color-89cc1cb:#962628;--e-global-color-1051dbf:#D23D48;--e-global-color-ed14ef8:#E8C891;--e-global-color-a23fc4c:#D96142;--e-global-color-a255bd7:#000000;--e-global-color-866f27d:#551213;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:1em;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Work Sans";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:500;}.elementor-kit-15 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */.boxing {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  z-index: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition: backdrop-filter 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out;
}

.boxing::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2px; /* Espessura da borda */
  border-radius: inherit; /* Herda o border-radius do .boxing */
  z-index: -1;
  background: linear-gradient(240deg, #fff6, #1c1c1c); /* Cores da borda */
  -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;
  opacity: 0; /* Inicialmente torna a borda invisível */
  transition: opacity 0.3s ease-in-out; /* Transição suave para a borda */
}

.boxing:hover {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background-color: #32323260;
}

.boxing:hover::before {
  opacity: 1; /* Torna a borda visível ao passar o mouse */
}/* End custom CSS */