/* Start custom CSS *//* Landing page Aglaé Dutra: efeitos que o editor visual não cobre (pseudo-elementos, animação da faixa, hover dos botões, menu mobile, carrossel) */
html{scroll-behavior:smooth}
body.elementor-page-65{background:#00161A;color:#E9E2D2;font-family:"Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.elementor-65 [id]{scroll-margin-top:84px}
.elementor-65 .e-svg-base svg{fill:none}
.elementor-65 h1 em,.elementor-65 h2 em{font-style:italic;font-weight:600;color:#D9BF88}
.elementor-65 .ad-h2-escuro em{color:#7A6128}
.elementor-65 .ad-eyebrow::before,.elementor-65 .ad-eyebrow-centro::after{content:"";width:40px;height:1px;background:#C4A25D;flex-shrink:0}
.elementor-65 .ad-btn{position:relative;isolation:isolate}
.elementor-65 .ad-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#FBF3DC 0%,#F1E2B8 100%);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.elementor-65 .ad-btn:hover::before,.elementor-65 .ad-btn:focus-visible::before{transform:scaleX(1)}
.elementor-65 .ad-btn .ad-btn-seta{transition:transform .35s ease}
.elementor-65 .ad-btn:hover .ad-btn-seta{transform:translateX(5px)}
.elementor-65 .ad-mq-trilho{animation:ad-mq 46s linear infinite}
@keyframes ad-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.elementor-65 .ad-faq-icone svg{transition:transform .25s ease !important}
.elementor-65 .ad-faq-item[open] .ad-faq-icone svg{transform:rotate(45deg) !important}
.elementor-65 a:focus-visible,.elementor-65 summary:focus-visible{outline:2px solid #D9BF88;outline-offset:4px;border-radius:6px}
/* Menu mobile/tablet: abre com o link #menu e fecha ao escolher uma seção ou tocar no X. Nunca aparece no desktop. */
@media (max-width:1024px){.elementor-65 #menu:target{display:flex !important;animation:ad-menu-in .28s ease}body:has(#menu:target) .elementor-65 .ad-menu-abrir{display:none !important}body:has(#menu:target) .elementor-65 .ad-menu-fechar{display:flex !important}}
@media (min-width:1025px){.elementor-65 .ad-menu-painel,.elementor-65 .ad-menu-abrir,.elementor-65 .ad-menu-fechar{display:none !important}}
@keyframes ad-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Carrossel de avaliações: deslizar/arrastar funciona em todos os navegadores; setas e pontos aparecem nos navegadores que suportam (Chrome, Edge). Atenção: não use a palavra reservada do Elementor para seletores neste CSS. */
.elementor-65 .ad-carrossel{scrollbar-width:thin;scrollbar-color:rgba(217,191,136,.5) rgba(255,255,255,.06)}
@supports (scroll-marker-group:after){.elementor-65 .ad-carrossel{anchor-name:--ad-carrossel;scroll-marker-group:after;scrollbar-width:none;padding-bottom:4px}.elementor-65 .ad-carrossel::scroll-button(*){position:fixed;position-anchor:--ad-carrossel;position-visibility:anchors-visible;z-index:5;width:44px;height:44px;padding:0 0 3px;border-radius:50%;border:1px solid rgba(217,191,136,.6);background:#00161A;color:#D9BF88;font:400 26px/1 "Manrope",sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:background-color .2s ease,opacity .2s ease}.elementor-65 .ad-carrossel::scroll-button(*):hover{background:#0C3A42}.elementor-65 .ad-carrossel::scroll-button(*):disabled{opacity:.3;cursor:default}.elementor-65 .ad-carrossel::scroll-button(left){content:"‹" / "Avaliação anterior";position-area:left center;translate:60% 0}.elementor-65 .ad-carrossel::scroll-button(right){content:"›" / "Próxima avaliação";position-area:right center;translate:-60% 0}.elementor-65 .ad-carrossel::scroll-marker-group{display:flex;justify-content:center;gap:10px;margin-top:22px}.elementor-65 .ad-carrossel-item::scroll-marker{content:"";width:8px;height:8px;border-radius:999px;background:rgba(217,191,136,.3);transition:width .25s ease,background-color .25s ease}.elementor-65 .ad-carrossel-item::scroll-marker:target-current{width:22px;background:#D9BF88}}
@supports (scroll-marker-group:after){@media (min-width:1025px){.elementor-65 .ad-carrossel::scroll-button(left){translate:-10px 0}.elementor-65 .ad-carrossel::scroll-button(right){translate:10px 0}}}
@media (max-width:767px){.elementor-65 .ad-eyebrow::before,.elementor-65 .ad-eyebrow-centro::after{width:22px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.elementor-65 .ad-mq-trilho{animation:none}.elementor-65 .ad-btn,.elementor-65 .ad-btn::before{transition:none}.elementor-65 #menu:target{animation:none}.elementor-65 .ad-carrossel{scroll-behavior:auto}}/* End custom CSS */