.elementor-kit-8{--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;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body {
  position: relative;
}

/* Elementor containers e seções */
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.e-con,
.e-con-inner {
  max-width: 100%;
}

/* Evita imagens, vídeos e iframes estourando a largura */
img,
video,
iframe {
  max-width: 100%;
}

/* Segurança extra para elementos com animação, blur ou transform */
.elementor-widget,
.elementor-element {
  max-width: 100%;
}
/* Background perolizado com parallax suave */
body .andre-pearl-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(circle at 12% 18%, rgba(52, 129, 178, 0.12), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(65, 199, 147, 0.14), transparent 38%),
    radial-gradient(circle at 50% 100%, rgba(239, 129, 19, 0.08), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #F7FAF8 38%, #EEF6F3 100%) !important;

  background-attachment:
    fixed,
    fixed,
    scroll,
    scroll;
}

/* Camada perolizada / espelhada */
body .andre-pearl-section::before {
  content: "";
  position: absolute;
  inset: -35%;
  z-index: -2;
  pointer-events: none;

  background:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 34%,
      rgba(255,255,255,0.92) 43%,
      rgba(255,255,255,0.38) 50%,
      transparent 62%,
      transparent 100%
    );

  opacity: 0.58;
  transform: translate3d(0, 0, 0) rotate(-3deg);
  animation: andrePearlMirror 18s ease-in-out infinite alternate;
}

/* Textura premium sutil */
body .andre-pearl-section::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background-image:
    linear-gradient(rgba(5,5,7,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5,5,7,0.025) 1px, transparent 1px);

  background-size: 54px 54px;
  opacity: 0.28;
  -webkit-mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
  mask-image: radial-gradient(circle at center, black 0%, transparent 78%);
}

/* Garante que o conteúdo fique acima do efeito */
body .andre-pearl-section > * {
  position: relative;
  z-index: 2;
}

/* Movimento suave do brilho perolizado */
@keyframes andrePearlMirror {
  0% {
    transform: translate3d(-4%, -2%, 0) rotate(-3deg);
    opacity: 0.42;
  }

  50% {
    transform: translate3d(3%, 2%, 0) rotate(-3deg);
    opacity: 0.68;
  }

  100% {
    transform: translate3d(6%, -1%, 0) rotate(-3deg);
    opacity: 0.50;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  body .andre-pearl-section {
    background-attachment: scroll !important;
  }

  body .andre-pearl-section::before {
    opacity: 0.42;
    animation-duration: 24s;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .andre-pearl-section::before {
    opacity: 0.32;
  }

  body .andre-pearl-section::after {
    opacity: 0.18;
  }
}
/* Eyebrow da Seção 02 */
body .andre-pearl-section .section-eyebrow-v2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 10px 16px;
  border-radius: 999px;

  color: rgba(5, 5, 7, 0.76);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;

  background:
    linear-gradient(rgba(255,255,255,0.72), rgba(255,255,255,0.72)) padding-box,
    linear-gradient(
      90deg,
      rgba(52,129,178,0.28),
      rgba(65,199,147,0.48),
      rgba(239,129,19,0.36),
      rgba(65,199,147,0.48),
      rgba(52,129,178,0.28)
    ) border-box;

  border: 1px solid transparent;

  box-shadow:
    0 16px 42px rgba(0,0,0,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.58);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Ponto de destaque */
body .andre-pearl-section .section-eyebrow-v2::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 999px;
  background: #EF8113;
  box-shadow: 0 0 16px rgba(239,129,19,0.58);
}

/* Brilho sutil passando pela borda */
body .andre-pearl-section .section-eyebrow-v2 {
  background-size:
    100% 100%,
    260% 100%;

  background-position:
    center,
    0% center;

  animation: andreSectionEyebrowFlow 6.8s linear infinite;
}

@keyframes andreSectionEyebrowFlow {
  0% {
    background-position:
      center,
      0% center;
  }

  100% {
    background-position:
      center,
      260% center;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .andre-pearl-section .section-eyebrow-v2 {
    font-size: 10px;
    letter-spacing: 0.11em;
    padding: 8px 12px;
  }

  body .andre-pearl-section .section-eyebrow-v2::before {
    width: 8px;
    height: 8px;
    flex-basis: 8px;
  }
}

/* Título principal da Seção 02 */
body .andre-pearl-section .andre-section-title .elementor-heading-title,
body .andre-pearl-section .andre-section-title h1,
body .andre-pearl-section .andre-section-title h2,
body .andre-pearl-section .andre-section-title h3,
body .andre-pearl-section .andre-section-title p {
  position: relative;
  display: inline-block;
  max-width: 880px;

  margin: 18px auto 0;

  color: #050507 !important;
  font-size: clamp(44px, 5.2vw, 82px) !important;
  line-height: 0.96 !important;
  font-weight: 900 !important;
  letter-spacing: -0.065em;

  background: linear-gradient(
    110deg,
    #050507 0%,
    #12343B 34%,
    #1F5C4D 58%,
    #050507 100%
  );

  background-size: 180% 100%;
  background-position: 0% center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 24px 70px rgba(5,5,7,0.10),
    0 0 34px rgba(65,199,147,0.08);

  animation: andreSectionTitleShine 9s ease-in-out infinite;
}

/* Linha elegante abaixo do título */
body .andre-pearl-section .andre-section-title .elementor-heading-title::after,
body .andre-pearl-section .andre-section-title h1::after,
body .andre-pearl-section .andre-section-title h2::after,
body .andre-pearl-section .andre-section-title h3::after,
body .andre-pearl-section .andre-section-title p::after {
  content: "";
  display: block;
  width: 96px;
  height: 4px;
  margin: 24px auto 0;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #3481B2,
    #41C793,
    #EF8113
  );

  box-shadow:
    0 0 22px rgba(65,199,147,0.26),
    0 0 12px rgba(239,129,19,0.12);
}

/* Movimento sutil no degradê do título */
@keyframes andreSectionTitleShine {
  0%, 100% {
    background-position: 0% center;
  }

  50% {
    background-position: 100% center;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  body .andre-pearl-section .andre-section-title .elementor-heading-title,
  body .andre-pearl-section .andre-section-title h1,
  body .andre-pearl-section .andre-section-title h2,
  body .andre-pearl-section .andre-section-title h3,
  body .andre-pearl-section .andre-section-title p {
    font-size: clamp(42px, 7vw, 68px) !important;
    max-width: 760px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .andre-pearl-section .andre-section-title .elementor-heading-title,
  body .andre-pearl-section .andre-section-title h1,
  body .andre-pearl-section .andre-section-title h2,
  body .andre-pearl-section .andre-section-title h3,
  body .andre-pearl-section .andre-section-title p {
    font-size: clamp(38px, 12vw, 54px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }

  body .andre-pearl-section .andre-section-title .elementor-heading-title::after,
  body .andre-pearl-section .andre-section-title h1::after,
  body .andre-pearl-section .andre-section-title h2::after,
  body .andre-pearl-section .andre-section-title h3::after,
  body .andre-pearl-section .andre-section-title p::after {
    width: 76px;
    height: 3px;
    margin: 20px 0 0;
  }
}

/* Subheadline da Seção 02 */
body .andre-pearl-section .andre-section-subtitle,
body .andre-pearl-section .andre-section-subtitle p,
body .andre-pearl-section .andre-section-subtitle .elementor-heading-title {
  position: relative;
  display: block;
  max-width: 820px;
  margin: 18px auto 0;

  color: #1F5C4D !important;
  font-size: clamp(26px, 2.7vw, 42px) !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em;

  text-align: center;

  background: linear-gradient(
    110deg,
    #12343B 0%,
    #1F5C4D 38%,
    #3481B2 72%,
    #1F5C4D 100%
  );

  background-size: 180% 100%;
  background-position: 0% center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  text-shadow:
    0 18px 46px rgba(5,5,7,0.08),
    0 0 28px rgba(65,199,147,0.10);

  animation: andreSubtitleFlow 10s ease-in-out infinite;
}

/* Remove margens extras se for widget Editor de Texto */
body .andre-pearl-section .andre-section-subtitle p {
  margin-bottom: 0 !important;
}

/* Linha sutil abaixo da subheadline */
body .andre-pearl-section .andre-section-subtitle::after {
  content: "";
  display: block;
  width: 88px;
  height: 3px;
  margin: 22px auto 0;
  border-radius: 999px;

  background: linear-gradient(
    90deg,
    #3481B2,
    #41C793,
    #EF8113
  );

  box-shadow:
    0 0 20px rgba(65,199,147,0.25),
    0 0 10px rgba(239,129,19,0.10);
}

/* Movimento sutil no degradê */
@keyframes andreSubtitleFlow {
  0%, 100% {
    background-position: 0% center;
  }

  50% {
    background-position: 100% center;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  body .andre-pearl-section .andre-section-subtitle,
  body .andre-pearl-section .andre-section-subtitle p,
  body .andre-pearl-section .andre-section-subtitle .elementor-heading-title {
    max-width: 720px;
    font-size: clamp(25px, 4.4vw, 38px) !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .andre-pearl-section .andre-section-subtitle,
  body .andre-pearl-section .andre-section-subtitle p,
  body .andre-pearl-section .andre-section-subtitle .elementor-heading-title {
    max-width: 100%;
    text-align: left;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.035em;
    margin-left: 0;
    margin-right: 0;
  }

  body .andre-pearl-section .andre-section-subtitle::after {
    width: 72px;
    height: 3px;
    margin: 18px 0 0;
  }
}
/* Texto institucional da Seção 02 */
body .andre-pearl-section .andre-section-copy {
  width: 100%;
  max-width: 900px;
  margin: 34px auto 0;
}

body .andre-pearl-section .andre-section-copy p {
  max-width: 860px;
  margin: 0 auto 18px;

  color: rgba(5, 5, 7, 0.70);
  font-size: clamp(17px, 1.18vw, 19px);
  line-height: 1.82;
  font-weight: 400;
  letter-spacing: 0.005em;

  text-align: center;
}

/* Caixa sutil editorial */
body .andre-pearl-section .andre-section-copy {
  position: relative;

  padding: 30px 34px;
  border-radius: 28px;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.66),
      rgba(255,255,255,0.34)
    );

  border: 1px solid rgba(5,5,7,0.06);

  box-shadow:
    0 24px 70px rgba(0,0,0,0.055),
    inset 0 0 0 1px rgba(255,255,255,0.58);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  overflow: hidden;
}

/* Detalhe lateral elegante */
body .andre-pearl-section .andre-section-copy::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  bottom: 22px;
  width: 4px;
  border-radius: 999px;

  background: linear-gradient(
    180deg,
    #3481B2,
    #41C793,
    #EF8113
  );

  opacity: 0.9;
}

/* Brilho interno bem suave */
body .andre-pearl-section .andre-section-copy::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -90px;
  top: -110px;
  border-radius: 999px;

  background: radial-gradient(
    circle,
    rgba(65,199,147,0.13),
    transparent 68%
  );

  pointer-events: none;
}

/* Garante o texto acima dos efeitos */
body .andre-pearl-section .andre-section-copy p {
  position: relative;
  z-index: 2;
}

/* Tablet */
@media (max-width: 1024px) {
  body .andre-pearl-section .andre-section-copy {
    max-width: 760px;
    padding: 28px 30px;
  }

  body .andre-pearl-section .andre-section-copy p {
    font-size: 17px;
    line-height: 1.74;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .andre-pearl-section .andre-section-copy {
    margin-top: 28px;
    padding: 24px 22px;
    border-radius: 22px;
  }

  body .andre-pearl-section .andre-section-copy p {
    text-align: left;
    font-size: 16px;
    line-height: 1.68;
  }

  body .andre-pearl-section .andre-section-copy::before {
    top: 18px;
    bottom: 18px;
    width: 3px;
  }
}
/* Hover premium nos cards de métricas */
body .andre-pearl-section .andre-metric-hover-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(52, 129, 178, 0.14);

  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.12),
    inset 0 0 0 1px rgba(255,255,255,0.55);

  transition:
    transform 380ms ease,
    box-shadow 380ms ease,
    border-color 380ms ease,
    background 380ms ease;
}

/* Glow interno suave */
body .andre-pearl-section .andre-metric-hover-card::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  right: -90px;
  top: -90px;
  border-radius: 999px;

  background: radial-gradient(
    circle,
    rgba(65, 199, 147, 0.22),
    transparent 68%
  );

  opacity: 0;
  transform: scale(0.8);
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none;
  z-index: 1;
}

/* Reflexo passando no card */
body .andre-pearl-section .andre-metric-hover-card::after {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 2;

  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 38%,
    rgba(255,255,255,0.60) 48%,
    rgba(255,255,255,0.20) 54%,
    transparent 66%,
    transparent 100%
  );

  transform: translateX(-120%) rotate(4deg);
  transition: transform 780ms ease;
  pointer-events: none;
}

/* Hover do card */
body .andre-pearl-section .andre-metric-hover-card:hover {
  transform: translateY(-10px) scale(1.018);

  border-color: rgba(65, 199, 147, 0.38);

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,0.88),
      rgba(255,255,255,0.58)
    );

  box-shadow:
    0 30px 82px rgba(0, 0, 0, 0.18),
    0 0 34px rgba(65, 199, 147, 0.14),
    inset 0 0 0 1px rgba(255,255,255,0.72);
}

body .andre-pearl-section .andre-metric-hover-card:hover::before {
  opacity: 1;
  transform: scale(1);
}

body .andre-pearl-section .andre-metric-hover-card:hover::after {
  transform: translateX(120%) rotate(4deg);
}

/* Imagem dentro do card */
body .andre-pearl-section .andre-metric-hover-card img {
  position: relative;
  z-index: 3;

  transition:
    transform 420ms ease,
    filter 420ms ease;

  filter:
    drop-shadow(0 12px 20px rgba(0,0,0,0.14))
    saturate(1.03)
    contrast(1.02);
}

/* Hover da imagem */
body .andre-pearl-section .andre-metric-hover-card:hover img {
  transform: translateY(-6px) scale(1.055);

  filter:
    drop-shadow(0 22px 30px rgba(0,0,0,0.22))
    saturate(1.12)
    contrast(1.06);
}

/* Garante que o conteúdo fique acima dos brilhos */
body .andre-pearl-section .andre-metric-hover-card > * {
  position: relative;
  z-index: 4;
}

/* Mobile: remove hover pesado */
@media (max-width: 767px) {
  body .andre-pearl-section .andre-metric-hover-card:hover {
    transform: none;
  }

  body .andre-pearl-section .andre-metric-hover-card:hover img {
    transform: none;
  }
}
/* Respiro para o header fixo sobre o Hero */
body .hero-andre-section {
  padding-top: 190px !important;
}

/* Ajuste de âncoras por causa do header fixo */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 135px;
}

[id] {
  scroll-margin-top: 135px;
}

/* Tablet */
@media (max-width: 1024px) {
  body .hero-andre-section {
    padding-top: 150px !important;
  }

  html {
    scroll-padding-top: 115px;
  }

  [id] {
    scroll-margin-top: 115px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  body .hero-andre-section {
    padding-top: 128px !important;
  }

  html {
    scroll-padding-top: 105px;
  }

  [id] {
    scroll-margin-top: 105px;
  }
}/* End custom CSS */