.elementor-kit-6{--e-global-color-primary:#FFF9EF;--e-global-color-secondary:#54595F;--e-global-color-text:#3F444B;--e-global-color-accent:#61CE70;--e-global-color-5fafb46:#9F9F9F;--e-global-color-a3379f0:#FFF9EF;--e-global-color-d9fef2a:#5A7070;--e-global-typography-primary-font-family:"InstrumentSans Variable";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"InstrumentSans Variable";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"InstrumentSans Variable";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"InstrumentSans Variable";--e-global-typography-accent-font-weight:400;background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#769696;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.15);}.elementor-kit-6 a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-6 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h4{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h5{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 h6{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--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:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.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-kit-6{--e-global-typography-primary-font-size:48px;--e-global-typography-secondary-font-size:32px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;}.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 */html.delay-hide-sections .delay-reveal{ display:none !important; }

html.delay-show-sections .delay-reveal{
  display:block !important;
  opacity:0;
  transform: translateY(14px);
}

html.delay-animate-sections .delay-reveal{
  opacity:1;
  transform: translateY(0);
  transition: opacity 450ms ease, transform 450ms ease;
}

/* ================================
   FLIP CARD + PULSE GRADIENT (FULL)
   Target size: H 675px / W 555px
   ================================ */

/* WRAPPER (pai externo) */
.flip-card-wrapper{
  perspective: 1000px;
  cursor: pointer;
  position: relative;

  width: 100%;
  max-width: 675px;  /* trava largura em 555px (remova se não quiser) */
  height: 555px;     /* trava altura em 675px */

  /* opcional: centralizar se estiver "solto" */
  margin-left: auto;
  margin-right: auto;
}

/* INNER (embrulha front + back e recebe o rotate) */
.flip-card-inner{
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Class added via JS on click */
.flip-card-wrapper.is-flipped .flip-card-inner{
  transform: rotateY(180deg);
}

/* FACES */
.flip-card-front,
.flip-card-back{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  border-radius: 18px; /* ajuste se quiser */
  overflow: hidden;    /* impede blur vazando */
}

/* FRONT: base fixa + glow animado */
.flip-card-front{
  z-index: 2;
  position: relative;

  /* base (fixa) */
  background: linear-gradient(to bottom, #2a1b15 0%, #1a100c 100%);
}

/* camada do "pulse gradient" (glow) */
.flip-card-front::before{
  content: "";
  position: absolute;

  /* maior que o container para o blur não cortar durante a animação */
  inset: -5%;
  z-index: 1;

  background:
    radial-gradient(circle at 30% 30%, rgba(232, 180, 158, 0.35) 0%, rgba(0,0,0,0) 45%),
    radial-gradient(circle at 70% 70%, rgba(212, 140, 112, 0.35) 0%, rgba(0,0,0,0) 48%);

  filter: blur(18px);
  opacity: 0.85;

  transform: scale(1);
  animation: pulseGlow 3.2s ease-in-out infinite;
}

/* garante que o conteúdo fique acima do brilho */
.flip-card-front > .e-con,
.flip-card-front > .elementor-widget{
  position: relative;
  z-index: 2;
}

/* BACK */
.flip-card-back{
  transform: rotateY(180deg);
}

/* animação do "pulse" */
@keyframes pulseGlow{
  0%   { transform: scale(2) translate3d(0,0,0); opacity: 0.65; }
  50%  { transform: scale(1.08) translate3d(2%, -2%, 0); opacity: 0.95; }
  100% { transform: scale(2) translate3d(0,0,0); opacity: 0.65; }
}

/* ================================
   RESPONSIVO (ajuste se quiser)
   ================================ */

/* tablet */
@media (max-width: 1024px){
  .flip-card-wrapper{
    max-width: 100%;
    height: 560px;
  }
}

/* mobile */
@media (max-width: 767px){
  .flip-card-wrapper{
    max-width: 100%;
    height: 520px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'InstrumentSans Variable';
	font-display: auto;
	src: url('https://www.johnmarkkane.com/wp-content/uploads/2026/01/InstrumentSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */