.elementor-6 .elementor-element.elementor-element-cda0569{--display:flex;--min-height:856px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-6 .elementor-element.elementor-element-cda0569:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-cda0569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dudadermato.com.br/wp-content/uploads/2026/05/Design-sem-nome-27.png");background-repeat:repeat;background-size:cover;}.elementor-6 .elementor-element.elementor-element-cda0569 > .elementor-shape-bottom .elementor-shape-fill, .elementor-6 .elementor-element.elementor-element-cda0569 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#F5F0E6;}.elementor-6 .elementor-element.elementor-element-cda0569 > .elementor-shape-bottom svg, .elementor-6 .elementor-element.elementor-element-cda0569 > .e-con-inner > .elementor-shape-bottom svg{height:18px;}.elementor-6 .elementor-element.elementor-element-88bfa76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6 .elementor-element.elementor-element-e5eecbd{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6 .elementor-element.elementor-element-2791a45{width:var( --container-widget-width, 629px );max-width:629px;--container-widget-width:629px;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-2791a45 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:35px;font-weight:500;color:#FFFFFF;}.elementor-6 .elementor-element.elementor-element-e673620{width:var( --container-widget-width, 629px );max-width:629px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:629px;--container-widget-flex-grow:0;text-align:start;}.elementor-6 .elementor-element.elementor-element-e673620 .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:17px;font-weight:300;line-height:31.5px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-d569edb .elementor-button{background-color:#9C4EFF;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 0px 25px 0px;padding:15px 50px 15px 50px;}.elementor-6 .elementor-element.elementor-element-d569edb{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:00px 0px 0px 0px;border-style:none;}.elementor-6 .elementor-element.elementor-element-d569edb.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6 .elementor-element.elementor-element-cda0569{--content-width:360px;--min-height:562px;--padding-top:5em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-6 .elementor-element.elementor-element-88bfa76{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-6 .elementor-element.elementor-element-2791a45{--container-widget-width:360px;--container-widget-flex-grow:0;width:var( --container-widget-width, 360px );max-width:360px;text-align:center;}.elementor-6 .elementor-element.elementor-element-2791a45.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-2791a45 .elementor-heading-title{font-size:21px;}.elementor-6 .elementor-element.elementor-element-e673620{padding:0px 0px 0px 0px;--container-widget-width:360px;--container-widget-flex-grow:0;width:var( --container-widget-width, 360px );max-width:360px;text-align:center;}.elementor-6 .elementor-element.elementor-element-e673620.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-e673620 .elementor-heading-title{font-size:14px;line-height:1.4em;}.elementor-6 .elementor-element.elementor-element-d569edb.elementor-element{--align-self:center;}.elementor-6 .elementor-element.elementor-element-d569edb .elementor-button{font-size:13px;padding:15px 18px 15px 18px;}}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-cda0569{--content-width:1070px;}.elementor-6 .elementor-element.elementor-element-88bfa76{--width:100%;}.elementor-6 .elementor-element.elementor-element-e5eecbd{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-d569edb *//* ===== Estilo principal do botão snap6 ===== */
.snap8 .elementor-button {
  background: linear-gradient(90deg, #1A2A50, #1A2A50); /* 🎨 Degradê roxo — edite as cores aqui */
  transition: 0.5s ease all; /* 🎞 Suaviza transições visuais */
}

/* ===== Efeito de brilho ao passar o mouse ===== */
.snap8:hover .elementor-button {
  box-shadow: 0 0 50px 0 #192A50; /* 💡 Sombra roxa com transparência */
}

/* Centraliza o texto no botão */
.snap6 .elementor-button-text {
  align-self: center;
}

/* Ícone do botão com rotação ao hover */
.snap8 .elementor-button-icon {
  font-size: 15px;
  align-self: center;
  transition: 0.5s 0.2s ease all; /* ⏱ Pequeno atraso para suavidade */
}

.snap8:hover .elementor-button-icon {
  rotate: 45deg; /* 🔄 Gira o ícone no hover */
}

/* ===== Borda animada ao redor do botão ===== */
.snap8 .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px); /* 📏 Largura maior que o botão para criar espaço */
  height: calc(100% + 20px); /* 📏 Altura maior para gerar a "moldura" */
  border: 1px solid #ffffff50; /* 🔲 Borda clara com transparência */
  opacity: 1;
  transition: 0.5s ease all;

  /* 🔵 Arredondamento parcial nos cantos */
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
}


.snap8:hover .elementor-button::before {
  width: 100%; /* 🔁 Encolhe ao hover */
  height: 100%;
  opacity: 0; /* 🔄 Some com animação */
}

/* ===== Variação de borda escura para outro botão (opcional) ===== */
.snap8-escuro .elementor-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 1px solid #00000050; /* ⚫ Borda escura com transparência */
  opacity: 1;
  transition: 0.5s ease all;
}

.snap6-escuro:hover .elementor-button::before {
  width: 100%;
  height: 100%;
  opacity: 0;
}/* End custom CSS */