.elementor-kit-5{--e-global-color-primary:#FAF7F3;--e-global-color-secondary:#EFE6DA;--e-global-color-text:#E7D8C9;--e-global-color-accent:#3A2F28;--e-global-color-a9a0c97:#6E625A;--e-global-color-b3bdbb8:#C9A38C;--e-global-color-2b5bc46:#D6B8A5;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-b3bdbb8 );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-a9a0c97 );border-radius:8px 8px 8px 8px;padding:15px 20px 15px 20px;}.elementor-kit-5 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){--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 */.image-switch{
  position:relative;
  overflow:hidden;
}

/* o container precisa ter altura (se não, pode sumir) */
.image-switch{
  min-height: 320px; /* ajuste conforme seu layout */
}

.image-switch .switch-img{
  position:absolute;
  inset:0;
  opacity:0;
  animation: fadeSwitch 9s infinite;
  animation-timing-function: ease-in-out;
}

/* IMPORTANTE: use nth-of-type */
.image-switch .switch-img:nth-of-type(1){ animation-delay: 0s; }
.image-switch .switch-img:nth-of-type(2){ animation-delay: 3s; }
.image-switch .switch-img:nth-of-type(3){ animation-delay: 6s; }

/* se a class estiver no WIDGET e não na imagem, isso força a imagem ocupar o card */
.image-switch .switch-img img{
  width:90%;
  height:90%;
  object-fit:cover;
  display:block;
}

@keyframes fadeSwitch{
  0%   {opacity:0;}
  8%   {opacity:1;}
  33%  {opacity:1;}
  41%  {opacity:0;}
  100% {opacity:0;}
}




/* PADRÃO INSTAGRAM 4:5 */
.image-switch,
.images-layer{
  aspect-ratio: 4 / 5;
  width: 100%;
  max-width: 360px;
}

/* IMAGEM OCUPANDO O CARD */
.switch-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}







/* 1) impede o site “crescer pro lado” */
html, body { overflow-x: hidden; }

/* 2) faixa full-bleed (pega a tela inteira mesmo dentro do container) */
.wex-ribbon{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;           /* corta o excesso sem criar scroll lateral */
  background: #C9A38C;
  padding: 18px 0;            /* grossura */
  position: relative;
}

/* 3) movimento infinito SEM “voltar pro início” visível */
.wex-ribbon__track{
  display: flex;
  width: max-content;
  will-change: transform;
  animation: wex-marquee 22s linear infinite; /* velocidade (aumenta p/ ficar mais lento) */
}

.wex-ribbon__item{
  flex: 0 0 auto;
  white-space: nowrap;
  font-family: Poppins, sans-serif;
  font-size: 12px;
  letter-spacing: .28em;
  color: #3A2F28;
  padding-right: 2.5rem;
}

@keyframes wex-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}






/* Segurança: não deixa o site criar scroll lateral por overflow */
html, body { overflow-x: hidden; }

/* Container do iPhone: tudo que sair pra fora, some */
.hero-iphone-wrap{
  position: relative;
  overflow: hidden;
}

/* A “tela” do iPhone (onde o feed rola): corta vazamento */
.hero-iphone-screen{
  position: absolute; /* ou relative, depende de como você montou */
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black); /* evita bug de overflow no iOS */
}

/* Regras específicas pro mobile (onde está quebrando) */
@media (max-width: 767px){
  .hero-iphone-wrap{
    overflow: hidden !important;
  }

  .hero-iphone-screen{
    overflow: hidden !important;
    max-height: 420px;      /* ajuste se seu iPhone for maior/menor */
  }

  /* Imagens dentro do feed nunca podem “estourar” */
  .hero-iphone-screen img{
    display: block;
    max-width: 100%;
    height: auto;
  }
}







/* ESTADO NORMAL */
.wex-btn .elementor-button {
    background: linear-gradient(90deg, #2E7D32, #66BB6A);
    color: white !important;
    padding: 16px 32px;
    border-radius: 50px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    transition: 
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.35s ease; /* IMPORTANTE pro gradiente mudar */
}

/* LUZ "VAI E VOLTA" NO BOTÃO */
.wex-btn .elementor-button {
    position: relative;
    overflow: hidden;
}

/* Faixa de luz com rotação sutil */
.wex-btn .elementor-button::before {
    content: "";
    position: absolute;
    top: -10%;              /* um pouco maior pra não cortar ao girar */
    left: -170%;
    width: 160%;
    height: 120%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.55),
        transparent
    );
    pointer-events: none;
    transform-origin: center;
    animation: wexEnergy 2.6s ease-in-out infinite;
}


@keyframes wexEnergy {
    0% {
        left: -170%;
        transform: rotate(0deg);
    }
    18% {
        left: 170%;
        transform: rotate(6deg);   /* indo com leve giro */
    }
    36% {
        left: -170%;
        transform: rotate(-6deg);  /* voltando com leve giro invertido */
    }
    100% {
        left: -170%;
        transform: rotate(0deg);   /* volta pro neutro na pausa */
    }
}



/* Brilho de borda acompanhando o vai e vem */
.wex-btn .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(255,255,255,0);
    box-shadow: 0 0 0 rgba(255,255,255,0);
    pointer-events: none;
    animation: wexGlow 3s ease-in-out infinite;








.wex-float {
  animation: wexFloat 4s ease-in-out infinite;
}

@keyframes wexFloat {
  50%,100% { transform: translateY(30px); }
  50% { transform: translateY(-10px); }
}


.wex-float {
  outline: 3px solid red !important;
}/* End custom CSS */