.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;background-color:#110509;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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:760px;}.e-con{--container-max-width:760px;}}
/* Start custom CSS *//* =========================
   BOTÕES COM BRILHO
========================= */

.button-glow,
.primary-btn,
.primary-btn2 {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.button-glow::before,
.button-glow::after,
.primary-btn::before,
.primary-btn::after,
.primary-btn2::before,
.primary-btn2::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

/* =========================
   BOTÃO PRIMÁRIO (ROSA)
========================= */

.primary-btn {
  display: inline-block;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  outline: none;

  background: linear-gradient(
    to right,
    #FF5392 0%,
    #FD305F 54%,
    #FD2657 100%
  );

  border: 1px solid rgba(255, 255, 255, 0.2);

  box-shadow:
    0 4px 15px rgba(255, 83, 146, 0.55),
    inset -2px -2px 10px rgba(255, 255, 255, 0.7);

  transition: all 0.3s ease;
}

.primary-btn:hover {
  transform: translateY(-2px);

  box-shadow:
    0 6px 20px rgba(255, 83, 146, 0.6),
    inset -2px -2px 10px rgba(0, 0, 0, 0.8);
}

.primary-btn::before {
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 200%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;

  background: conic-gradient(
    #FF5392 0%,
    #FD305F4A 16%,
    #FF5392 60%
  );

  transform: translate(-50%, -50%);
  animation: spin360 4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.primary-btn::after {
  top: -50%;
  left: -100%;
  width: 200%;
  height: 200%;
  transform: rotate(25deg);

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,0.1) 50%,
    rgba(255,255,255,0) 70%
  );

  animation: glareMoveFast 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}

/* =========================
   BOTÃO PRIMÁRIO 2 (VERDE)
========================= */

.primary-btn2 {
  display: inline-block;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  outline: none;

  background: linear-gradient(
    to right,
    #35D07F 0%,
    #18B866 54%,
    #0FA85A 100%
  );

  border: 1px solid rgba(255, 255, 255, 0.2);

  box-shadow:
    0 4px 15px rgba(24, 184, 102, 0.55),
    inset -2px -2px 10px rgba(255, 255, 255, 0.7);

  transition: all 0.3s ease;
}

.primary-btn2:hover {
  transform: translateY(-2px);

  box-shadow:
    0 6px 20px rgba(24, 184, 102, 0.6),
    inset -2px -2px 10px rgba(0, 0, 0, 0.8);
}

.primary-btn2::before {
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 200%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;

  background: conic-gradient(
    #35D07F 0%,
    #18B8664A 16%,
    #35D07F 60%
  );

  transform: translate(-50%, -50%);
  animation: spin360 4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.primary-btn2::after {
  top: -50%;
  left: -100%;
  width: 200%;
  height: 200%;
  transform: rotate(25deg);

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,0.1) 50%,
    rgba(255,255,255,0) 70%
  );

  animation: glareMoveFast 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) infinite;
}

/* =========================
   FECHAMENTO DA BORDER
========================= */

.border {
  border: 1px solid rgba(255, 255, 255, 0.05);

  background-image:
    linear-gradient(160deg, #210D18 4%, #14080C 30%),
    linear-gradient(
      135deg,
      rgba(255,176,210,0.4),
      rgba(255,176,210,0.03) 35%,
      rgba(255,255,255,0.03) 60%,
      rgba(255,176,210,0.4)
    );

  background-origin: border-box;
  background-clip: padding-box, border-box;

  box-shadow: 0 20px 40px rgba(0,0,0,0.20);
}


/* === EFEITO DE BRILHO EM BOTÕES === */

.button-glow2 {
  position: relative;
  overflow: hidden;
  border: none;
  padding: 1.5px;
  isolation: isolate;
  box-shadow: 
    0 0 1.3em 0.05em rgba(255, 164, 188, 0.2),
    0 0 0.2em 0.05em rgba(255, 164, 188, 0.4);
  transition: transform 0.3s ease;
}

.button-glow2:hover {
  transform: scale(1.02);
}

.button-glow2::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 200%;
  aspect-ratio: 1 / 1;
  background: conic-gradient(#FFA4BC 0%, #D6375F4A 16%, #FFA4BC 60%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: spin360 2s linear infinite;
  border-radius: 50%;
}

.button-glow2::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0) 70%
  );
  transform: rotate(25deg);
  pointer-events: none;
  animation: glareMoveSlow 3s ease-in-out infinite;
}

@keyframes spin360 {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes glareMoveSlow {
  0% {
    transform: translateX(-120%) rotate(25deg);
  }
  66% {
    transform: translateX(-120%) rotate(25deg);
  }
  100% {
    transform: translateX(120%) rotate(25deg);
  }
}/* End custom CSS */