.elementor-65 .elementor-element.elementor-element-7b0f93f{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-65 .elementor-element.elementor-element-7b0f93f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-65 .elementor-element.elementor-element-f1ceb4e{width:100%;max-width:100%;}@media(max-width:767px){.elementor-65 .elementor-element.elementor-element-7b0f93f{--width:1074px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-f1ceb4e */body{
  font-family: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue";
  font-weight: 400; /* padrão light */
}

strong, b, h1, h2, h3, .btn.primary{
  font-weight: 600; /* bold */
}
.btn{ font-weight: 600; }

/* ===========================
   FIX DEFINITIVO: ROXO NO HOVER/CLICK (Elementor/tema)
   Cole no FINAL do CSS
=========================== */

/* remove highlight roxo no mobile */
a, button, .btn, .hamburger{
  -webkit-tap-highlight-color: transparent !important;
}

/* garante que links não mudem para roxo por visited */
a:visited{
  color: inherit !important;
}

/* zera qualquer filtro/outline/sombra roxa do tema */
.btn,
.btn:hover,
.btn:active,
.btn:focus,
.btn:focus-visible{
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Elementor costuma usar .elementor-button e afins */
.elementor a,
.elementor button,
.elementor .elementor-button,
.elementor a.elementor-button,
.elementor .btn{
  color: var(--text) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* se o roxo estiver vindo do background no hover */
.btn:hover,
.btn:active,
.btn:focus,
.btn:focus-visible,
.elementor .elementor-button:hover,
.elementor .elementor-button:active,
.elementor .elementor-button:focus{
  background: rgba(255,255,255,.04) !important; /* mesmo padrão */
  border-color: rgba(231,216,199,.55) !important;
}

/* mantém o estilo do botão primary no hover/click */
.btn.primary,
.btn.primary:hover,
.btn.primary:active,
.btn.primary:focus,
.btn.primary:focus-visible,
.elementor .btn.primary,
.elementor .btn.primary:hover,
.elementor .btn.primary:active,
.elementor .btn.primary:focus{
  background: linear-gradient(135deg, rgba(231,216,199,.20), rgba(201,178,154,.10)) !important;
  border-color: rgba(231,216,199,.45) !important;
  color: var(--text) !important;
}

/* remove aparência nativa de botão que às vezes muda cor ao clicar */
button, input[type="button"], input[type="submit"]{
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* ===========================
   MOBILE TOP FIX (NAV)
=========================== */
@media (max-width: 560px){

  .nav-inner{
    display:grid;
    grid-template-columns: 1fr auto; /* logo | hamburger */
    gap:10px;
    align-items:center;
  }

  .brand{
    min-width: 0;
    gap:10px;
  }

  .brand img{
    width:38px;
    height:38px;
    border-radius:12px;
  }

  .brand strong{font-size:12px}
  .brand span{font-size:11px}

  /* joga CTAs para "linha de baixo" */
  .nav-ctas{
    grid-column: 1 / -1; /* ocupa tudo */
    width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:10px;
    margin-top:6px;
  }

  /* deixa só 1 CTA principal no mobile (recomendado) */
  .nav-ctas .btn:first-child{
    display:none; /* oculta "Ver sofás" */
  }

  /* CTA WhatsApp ocupa a largura toda */
  .nav-ctas .btn.primary{
    width:100%;
    justify-content:center;
    padding:12px 14px;
  }

  .hamburger{
    width:44px;
    height:44px;
    border-radius:14px;
  }
}/* End custom CSS */
/* Start custom CSS */html, body{
width: 100%;
overflow-x: hidden;
}

[data-elementor-type="wp-page"]{
overflow: hidden;
}
[data-elementor-type="wp-page"]{
overflow: hidden;
}

/* ===========================
   SCROLL REVEAL (aparece/some)
=========================== */
.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .6s ease, transform .6s ease;
  will-change: opacity, transform;
}

.reveal.in-view{
  opacity: 1;
  transform: translateY(0);
}

/* Variações opcionais */
.reveal.fade{ transform: none; }
.reveal.left{ transform: translateX(-18px); }
.reveal.right{ transform: translateX(18px); }

.reveal.left.in-view,
.reveal.right.in-view{
  transform: translateX(0);
}

/* Acessibilidade: respeita quem prefere menos movimento */
@media (prefers-reduced-motion: reduce){
  .reveal{ transition:none; transform:none; opacity:1; }
}/* End custom CSS */