.elementor-11753 .elementor-element.elementor-element-1324359{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-11753 .elementor-element.elementor-element-1324359{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-5848a10 */body{margin:0;background:#E6DDD3}
html{scroll-behavior:smooth}
a{color:#5F3F1F}a:hover{color:#3B2715}
*{box-sizing:border-box}
:focus-visible{outline:2px solid #2F5446;outline-offset:3px}
.btn{transition:background-color .35s ease,color .35s ease}
.btn:hover{background:#3B2715 !important;color:#F2ECE5 !important}
.btn-line:hover{background:#5F3F1F !important;color:#F2ECE5 !important}
.navlink{text-decoration:none;transition:color .3s ease}
.navlink:hover{color:#2F5446}
.petal{transition:fill .6s ease}
.dim{transition:color .3s ease}
.dim:hover{color:#3B2715 !important}
.draw path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.2s cubic-bezier(.6,.05,.3,1) forwards}
.draw .p1{animation-delay:.1s}.draw .p2,.draw .p3{animation-delay:.45s}.draw .p4,.draw .p5{animation-delay:.8s}
.fade{opacity:0;animation:fade 1.2s ease forwards}
.d1{animation-delay:1.4s}.d2{animation-delay:1.7s}.d3{animation-delay:2s}.d4{animation-delay:2.3s}
.rise{opacity:0;transform:translateY(48px);animation:rise 1.6s cubic-bezier(.2,.7,.2,1) 1s forwards}
.breathe{animation:breathe 7s ease-in-out infinite;transform-origin:50% 92%}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes reveal{from{opacity:.12;transform:translateY(40px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .rv{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@media (prefers-reduced-motion: reduce){
  .draw path{animation:none;stroke-dashoffset:0}
  .fade,.rise{animation:none;opacity:1;transform:none}
  .breathe{animation:none}
}
.wa{transition:background-color .3s ease,transform .3s ease}
.wa:hover{background:#11703A !important;color:#FFFFFF !important;transform:translateY(-2px)}
.pulse{animation:pulse 2.6s ease-out 2.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(23,138,72,.45)}70%{box-shadow:0 0 0 16px rgba(23,138,72,0)}100%{box-shadow:0 0 0 0 rgba(23,138,72,0)}}
.up{opacity:0;transform:translateY(22px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.u1{animation-delay:.15s}.u2{animation-delay:.35s}.u3{animation-delay:.6s}.u4{animation-delay:.85s}.u5{animation-delay:1.1s}
.rule{display:inline-block;width:0;height:1px;background:#5F3F1F;animation:grow 1s ease .2s forwards}
@keyframes grow{to{width:44px}}
.float{animation:float 9s ease-in-out 2.6s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.track{display:flex;width:max-content;animation:marquee 38s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.fab{position:fixed;right:22px;bottom:22px;z-index:20}
@media (prefers-reduced-motion: reduce){.pulse,.up,.float,.track,.rule{animation:none;opacity:1;transform:none}.rule{width:44px}}
@media (max-width: 760px){
  .nav-links{display:none !important}
}

.dim{display:flex;align-items:center;gap:16px;width:100%;min-height:56px;padding:14px 0;background:none;border:0;border-bottom:1px solid rgba(95,63,31,0.18);cursor:pointer;text-align:left;font-family:'Gilda Display','Didot',Georgia,serif;font-size:24px;color:#7A6048}
.dim[aria-pressed="true"]{color:#3B2715}
.dim .dot{flex:none;width:10px;height:10px;border-radius:50%;background:transparent;border:1px solid rgba(95,63,31,0.45);transition:background-color .4s ease,border-color .4s ease}
.dim[aria-pressed="true"] .dot{background:#2F5446;border-color:#2F5446}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a024d0 *//* garante que não vai surgir barra horizontal */
html, body { overflow-x: hidden; }

.btn-whatsapp{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  background-color: rgb(37, 211, 102);
  width: 60px;
  height: 60px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 28px;
  text-decoration: none;
}

.btn-whatsapp:before,
.btn-whatsapp:after{
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #25d366;
  inset: -20px;              /* no lugar de left/right/top/bottom */
  animation: animate 1.5s linear infinite;
  opacity: 0;
  pointer-events: none;
}

.pulsaDelay:after{ animation-delay: 0.5s; }

@keyframes animate{
  0%{ transform: scale(0.5); opacity: 0; }
  50%{ opacity: 1; }
  100%{ transform: scale(1.2); opacity: 0; }
}/* End custom CSS */