.elementor-54 .elementor-element.elementor-element-d6eb4f4{--display:flex;--min-height:400px;--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:flex-end;--align-items:flex-start;--overlay-opacity:0.37;--padding-top:10px;--padding-bottom:35px;--padding-left:10px;--padding-right:10px;}.elementor-54 .elementor-element.elementor-element-d6eb4f4:not(.elementor-motion-effects-element-type-background), .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sitexis.com.br/silvanalages/wp-content/uploads/2026/02/82935175_28Jul_1-Ecer-Background-75.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-54 .elementor-element.elementor-element-d6eb4f4::before, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-54 .elementor-element.elementor-element-d6eb4f4 > .elementor-shape-bottom svg, .elementor-54 .elementor-element.elementor-element-d6eb4f4 > .e-con-inner > .elementor-shape-bottom svg{height:29px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-54 .elementor-element.elementor-element-080f262 .elementor-heading-title{font-family:"Rubik";font-size:75px;font-weight:600;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-ffcfc93{right:0px;}body.rtl .elementor-54 .elementor-element.elementor-element-ffcfc93{left:0px;}.elementor-54 .elementor-element.elementor-element-ffcfc93{bottom:-76px;}.elementor-54 .elementor-element.elementor-element-ffcfc93 img{width:120px;}.elementor-54 .elementor-element.elementor-element-23ee30d{--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;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--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-54 .elementor-element.elementor-element-997dedc{--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;--padding-top:75px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-54 .elementor-element.elementor-element-824da62{--display:flex;--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;}.elementor-54 .elementor-element.elementor-element-2a07289 .elementor-heading-title{font-family:"Rubik";font-size:36px;font-weight:500;text-transform:none;color:#313131;}.elementor-54 .elementor-element.elementor-element-dfb5fd5{--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;--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-54 .elementor-element.elementor-element-6225600.elementor-element{--align-self:flex-start;}.elementor-54 .elementor-element.elementor-element-cdbacf3{--display:flex;--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;}@media(max-width:767px){.elementor-54 .elementor-element.elementor-element-2a07289 .elementor-heading-title{font-size:60px;line-height:1em;}}@media(min-width:768px){.elementor-54 .elementor-element.elementor-element-824da62{--width:50%;}.elementor-54 .elementor-element.elementor-element-cdbacf3{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-3ced857 */.button {
  position: relative;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  /* Fundo Gradiente Roxo para Amarelo */
  background: #128C7E;
  color: #fff; /* Texto branco para leitura sobre o gradiente */
  padding: 12px 25px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.4s ease;
  outline: none;
}

.button:before {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 50%; /* Aumentei um pouco para o brilho ficar mais visível */
  background-color: rgba(255, 255, 255, 0.3); /* Faixa de brilho branca translúcida */
  translate: -100% 0;
  rotate: 45deg;
  transition: all 0.4s ease;
}

/* Hover: Cor Roxa Sólida (Sua cor original) */
.button:hover {
  color: #e8e8e8;
  background: #8364e8; /* Remove o gradiente e assume o roxo sólido */
  box-shadow: 0 0 24px 8px rgba(131, 100, 232, 0.4);
}

.button:hover:before {
  translate: 100% 100%; /* Ajustado para atravessar o botão diagonalmente */
}

/* Focus: Mantém a coerência visual para navegação via teclado */
.button:focus {
  box-shadow: 0 0 0 3px  #FCF133, 0 0 24px 8px rgba(131, 100, 232, 0.4);
}

.button:active {
  scale: 0.95;
  box-shadow: 0 0 16px 4px rgba(131, 100, 232, 0.4);
}/* End custom CSS */
/* Start custom CSS */.destaque{
    color: #FFA500;
}
.destaque2{
    color: #441475;
}
html, body{
    overflow-x: hidden;
}
.hr-diagonal {
  border: none;
  height: 4px;
  background: linear-gradient(135deg, #77F74B 10%, #77F74B50 90%);
  clip-path: polygon(0 0, 98% 0, 100% 100%, 0% 100%);
  width: 190px;
}
.icone .elementor-icon-box-title{
    margin: 0;
}

.icone .elementor-icon-box-icon{
    background-color: #ccc;
    border-radius: 18px;
    border: 2px solid white;
    padding: 8px;
}
.button {
  position: relative;
  text-decoration: none;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  /* Fundo Gradiente Roxo para Amarelo */
  background: #c36;
  color: #fff; /* Texto branco para leitura sobre o gradiente */
  padding: 12px 25px;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  box-shadow: 0 0 0 3px  #FCF133, 0 0 24px 8px rgba(131, 100, 232, 0.4);
  overflow: hidden;
  transition: all 0.4s ease;
  outline: none;
}

.button:before {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 50%; /* Aumentei um pouco para o brilho ficar mais visível */
  background-color: rgba(255, 255, 255, 0.3); /* Faixa de brilho branca translúcida */
  translate: -100% 0;
  rotate: 45deg;
  transition: all 0.4s ease;
}

/* Hover: Cor Roxa Sólida (Sua cor original) */
.button:hover {
  color: #e8e8e8;
  background: #8364e8; /* Remove o gradiente e assume o roxo sólido */
  box-shadow: 0 0 24px 8px rgba(131, 100, 232, 0.4);
}

.button:hover:before {
  translate: 100% 100%; /* Ajustado para atravessar o botão diagonalmente */
}

/* Focus: Mantém a coerência visual para navegação via teclado */
.button:focus {
  box-shadow: 0 0 0 3px  #FCF133, 0 0 24px 8px rgba(131, 100, 232, 0.4);
}

.button:active {
  scale: 0.95;
  box-shadow: 0 0 16px 4px rgba(131, 100, 232, 0.4);
}/* End custom CSS */