.elementor-215 .elementor-element.elementor-element-1b373e88{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:08px;--padding-left:0px;--padding-right:0px;}.elementor-215 .elementor-element.elementor-element-1b373e88:not(.elementor-motion-effects-element-type-background), .elementor-215 .elementor-element.elementor-element-1b373e88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BD0C0C;}.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-215 .elementor-element.elementor-element-199fc8ba{text-align:center;}.elementor-215 .elementor-element.elementor-element-199fc8ba .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:300;line-height:17px;color:#FFFFFF;}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */.subtitulo{
    font-size: 14px;
    font-weight: 400;
    background-color: #af743c;
    padding: 4px 24px;
    color: #FFF;
}

html{
    scroll-behavior: auto !important;
}

.img-detalhe{
    --curve-size: 3.9em;
    clip-path: polygon(
            0% var(--curve-size),
            var(--curve-size) 0,
            100% 0,
            100% calc(100% - var(--curve-size)),
            calc(100% - var(--curve-size)) 100%,
            0 100%);
    
}

.btn2 {
  --border-color: linear-gradient(-45deg, #AF743C, #AF743C, #AF743C);
  --border-width: .1em;
  --curve-size: .5em;
  --blur: 30px;
  --bg: #F7FAFB;
  --color: #00ff80;
  color: var(--color);
  position: relative;
  isolation: isolate;
  display: inline-grid;
  place-content: center;
  border: 0;

  clip-path: polygon(
            0% var(--curve-size),
            var(--curve-size) 0,
            100% 0,
            100% calc(100% - var(--curve-size)),
            calc(100% - var(--curve-size)) 100%,
            0 100%);
  transition: color 0.1s;
}

.btn2::after,
.btn2::before {
  content: '';
  position: absolute;
  inset: 0;
}
.btn2::before {
  background: var(--border-color);
  background-size: 300% 300%;
  animation: move-bg7234 4s ease infinite;
  z-index: -2;
}
@keyframes move-bg7234 {
  0% {
    background-position: 31% 0%
  }
  50% {
    background-position: 70% 100%
  }
  100% {
    background-position: 31% 0%
  }
}
.btn2::after {
  background: var(--bg);
  z-index: -1;
  clip-path: polygon(
            var(--border-width)
            calc(var(--curve-size) + var(--border-width) * .5),
            calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),
            calc(100% - var(--border-width))
            var(--border-width),
            calc(100% - var(--border-width))
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),
            var(--border-width) calc(100% - var(--border-width)));
  transition: clip-path 500ms;
}
.btn2:where(:hover, :focus)::after {
  clip-path: polygon(
                calc(100% - var(--border-width))
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)),
                calc(100% - var(--border-width))
                var(--border-width),
                calc(100% - var(--border-width))
                 var(--border-width),
                calc(100% - var(--border-width))
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5))
                calc(100% - var(--border-width)),
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
                calc(100% - var(--border-width)));
  transition: 0.5s;
}
.btn2:where(:hover, :focus) {
  color: #fff;
}


.btn{
  --border-color: linear-gradient(-45deg, #AF743C, #AF743C, #AF743C);
  --border-width: .1em;
  --curve-size: .5em;
  --blur: 30px;
  --bg: #F7FAFB;
  --color: #00ff80;
  color: var(--color);
  position: relative;
  isolation: isolate;
  display: inline-grid;
  place-content: center;
  border: 0;

  clip-path: polygon(
            0% var(--curve-size),
            var(--curve-size) 0,
            100% 0,
            100% calc(100% - var(--curve-size)),
            calc(100% - var(--curve-size)) 100%,
            0 100%);
  transition: color 0.1s;
}

.btn::after,
.btn::before {
  content: '';
  position: absolute;
  inset: 0;
}
.btn::before {
  background: var(--border-color);
  background-size: 300% 300%;
  animation: move-bg7234 4s ease infinite;
  z-index: -2;
}
@keyframes move-bg7234 {
  0% {
    background-position: 31% 0%
  }
  50% {
    background-position: 70% 100%
  }
  100% {
    background-position: 31% 0%
  }
}
.btn::after {
  background: var(--bg);
  z-index: -1;
  clip-path: polygon(
                calc(100% - var(--border-width))
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)),
                calc(100% - var(--border-width))
                var(--border-width),
                calc(100% - var(--border-width))
                 var(--border-width),
                calc(100% - var(--border-width))
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5))
                calc(100% - var(--border-width)),
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
                calc(100% - var(--border-width)));
  transition: 0.5s;
  
}
.btn:where(:hover, :focus)::after {
  clip-path: polygon(
            var(--border-width)
            calc(var(--curve-size) + var(--border-width) * .5),
            calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),
            calc(100% - var(--border-width))
            var(--border-width),
            calc(100% - var(--border-width))
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),
            var(--border-width) calc(100% - var(--border-width)));
  transition: clip-path 500ms;
}
.btn:where(:hover, :focus) {
  color: #fff;
}/* End custom CSS */