.elementor-18754 .elementor-element.elementor-element-b4bd796{--display:flex;--min-height:1000px;--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;--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-18754 .elementor-element.elementor-element-b4bd796:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-b4bd796 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-position:top center;background-repeat:no-repeat;background-size:auto;}.elementor-18754 .elementor-element.elementor-element-4312a0d{--display:flex;}.elementor-18754 .elementor-element.elementor-element-41cb0bd img{width:196px;}.elementor-18754 .elementor-element.elementor-element-e67851b{--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-18754 .elementor-element.elementor-element-a0bdb69{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-a0bdb69.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-ff85576{--display:flex;--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-18754 .elementor-element.elementor-element-82a61d8{--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:flex-start;--align-items:center;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-499d446 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18754 .elementor-element.elementor-element-499d446.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-499d446.elementor-view-framed .elementor-icon, .elementor-18754 .elementor-element.elementor-element-499d446.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-499d446 .elementor-icon{font-size:34px;}.elementor-18754 .elementor-element.elementor-element-499d446 .elementor-icon-box-title, .elementor-18754 .elementor-element.elementor-element-499d446 .elementor-icon-box-title a{font-family:"Marcellus SC", Sans-serif;font-size:23px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-499d446 .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-5f67e7a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18754 .elementor-element.elementor-element-5f67e7a.elementor-view-stacked .elementor-icon{background-color:#B8A86A;}.elementor-18754 .elementor-element.elementor-element-5f67e7a.elementor-view-framed .elementor-icon, .elementor-18754 .elementor-element.elementor-element-5f67e7a.elementor-view-default .elementor-icon{fill:#B8A86A;color:#B8A86A;border-color:#B8A86A;}.elementor-18754 .elementor-element.elementor-element-5f67e7a .elementor-icon{font-size:34px;}.elementor-18754 .elementor-element.elementor-element-5f67e7a .elementor-icon-box-title, .elementor-18754 .elementor-element.elementor-element-5f67e7a .elementor-icon-box-title a{font-family:"Marcellus SC", Sans-serif;font-size:23px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-5f67e7a .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-a130000 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18754 .elementor-element.elementor-element-a130000.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-a130000.elementor-view-framed .elementor-icon, .elementor-18754 .elementor-element.elementor-element-a130000.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-a130000 .elementor-icon{font-size:34px;}.elementor-18754 .elementor-element.elementor-element-a130000 .elementor-icon-box-title, .elementor-18754 .elementor-element.elementor-element-a130000 .elementor-icon-box-title a{font-family:"Marcellus SC", Sans-serif;font-size:23px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-a130000 .elementor-icon-box-title{color:var( --e-global-color-accent );}.elementor-18754 .elementor-element.elementor-element-5129d08 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-item:not(:last-child):after{content:"";width:53%;border-color:#FFFFFF1F;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:0.5px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:0.5px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-18754 .elementor-element.elementor-element-5129d08{--e-icon-list-icon-size:32px;--icon-vertical-offset:0px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-item > a{font-size:17px;}.elementor-18754 .elementor-element.elementor-element-5129d08 .elementor-icon-list-text{color:#DBDBDB;transition:color 0.3s;}.elementor-18754 .elementor-element.elementor-element-15a1cac{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-820e53e{--display:flex;}.elementor-18754 .elementor-element.elementor-element-2ac76b3{--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:space-between;--align-items:center;--border-radius:10px 10px 10px 10px;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-18754 .elementor-element.elementor-element-2ac76b3:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-2ac76b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#110F07;}.elementor-18754 .elementor-element.elementor-element-8601dec{--display:flex;}.elementor-18754 .elementor-element.elementor-element-48405b9.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-48405b9.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-48405b9.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-48405b9 .elementor-image-box-title{margin-bottom:7px;font-size:16px;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-48405b9 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18754 .elementor-element.elementor-element-48405b9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-48405b9 .elementor-image-box-description{font-size:26px;line-height:1px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-bdde2ab{--display:flex;}.elementor-18754 .elementor-element.elementor-element-c32178c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-c32178c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-c32178c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c32178c .elementor-image-box-title{margin-bottom:7px;font-size:16px;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-c32178c .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18754 .elementor-element.elementor-element-c32178c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-c32178c .elementor-image-box-description{font-size:26px;line-height:1px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-2662955{--display:flex;}.elementor-18754 .elementor-element.elementor-element-751f8c8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-751f8c8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-751f8c8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-751f8c8 .elementor-image-box-title{margin-bottom:7px;font-size:16px;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-751f8c8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18754 .elementor-element.elementor-element-751f8c8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-751f8c8 .elementor-image-box-description{font-size:26px;line-height:1px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-6c3b997{--display:flex;}.elementor-18754 .elementor-element.elementor-element-5e2173e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-5e2173e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-5e2173e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-5e2173e .elementor-image-box-title{margin-bottom:7px;font-size:16px;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-5e2173e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18754 .elementor-element.elementor-element-5e2173e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-5e2173e .elementor-image-box-description{font-size:26px;line-height:1px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-27a420c{--display:flex;}.elementor-18754 .elementor-element.elementor-element-29ef6ba.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-29ef6ba.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-29ef6ba.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-29ef6ba .elementor-image-box-title{margin-bottom:7px;font-size:16px;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-29ef6ba .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18754 .elementor-element.elementor-element-29ef6ba .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-29ef6ba .elementor-image-box-description{font-size:26px;line-height:1px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-71b82ee{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-18754 .elementor-element.elementor-element-d066f3c > .elementor-widget-container{margin:34px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-d066f3c .title{color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-6756bf2{--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-18754 .elementor-element.elementor-element-6756bf2:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-6756bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18754 .elementor-element.elementor-element-eecb3ac{--display:flex;}.elementor-18754 .elementor-element.elementor-element-d00edea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-after_title, .elementor-18754 .elementor-element.elementor-element-d00edea .title-subtitle, .elementor-18754 .elementor-element.elementor-element-d00edea .woodmart-title-container{max-width:100%;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-subtitle{font-size:16px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-d00edea .title{color:#EAE9E3;font-size:31px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-after_title{color:#BDBDBD;font-size:14px;font-weight:300;text-transform:uppercase;line-height:10px;}.elementor-18754 .elementor-element.elementor-element-b8c562c{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-18754 .elementor-element.elementor-element-654dfc7{--display:flex;}.elementor-18754 .elementor-element.elementor-element-a5f4cce{--display:flex;}.elementor-18754 .elementor-element.elementor-element-c5c4cb0{--display:flex;}.elementor-18754 .elementor-element.elementor-element-bb93b3f{--display:flex;}.elementor-18754 .elementor-element.elementor-element-43cdd6c{--display:flex;}.elementor-18754 .elementor-element.elementor-element-1a8d5a3{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-tabs{--wd-row-gap:30px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .tabs-name{color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-nav-tabs{--nav-color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-f0c4818{--wd-brd-radius:12px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 [class*="products-bordered-grid"], .elementor-18754 .elementor-element.elementor-element-f0c4818 [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-products-with-bg, .elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-tabs{--wd-row-gap:30px;}.elementor-18754 .elementor-element.elementor-element-07775a8 .tabs-name{color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-nav-tabs{--nav-color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-07775a8{--wd-brd-radius:12px;}.elementor-18754 .elementor-element.elementor-element-07775a8 [class*="products-bordered-grid"], .elementor-18754 .elementor-element.elementor-element-07775a8 [class*="products-bordered-grid"] .wd-product{--wd-bordered-brd:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-products-with-bg, .elementor-18754 .elementor-element.elementor-element-07775a8 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-3682568{--display:flex;--min-height:948px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-3682568:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-3682568 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-position:top center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-18754 .elementor-element.elementor-element-3682568::before, .elementor-18754 .elementor-element.elementor-element-3682568 > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-3682568 > .e-con-inner > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-3682568 > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-3682568 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-3682568 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 11%, #F2295B00 26%);}.elementor-18754 .elementor-element.elementor-element-a9893de{--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-18754 .elementor-element.elementor-element-a9893de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-7df79e5{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-993e6f4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-993e6f4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-993e6f4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-fc7ba1b{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-0ccccad.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-0ccccad.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-0ccccad.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-ee7c664{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-bb0b249.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-bb0b249.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-bb0b249.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-9ea51b5{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-9e28325.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-9e28325.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-9e28325.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-9387a49 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-9387a49.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-9387a49{font-size:15px;font-style:italic;color:#ADADAD;}.elementor-18754 .elementor-element.elementor-element-bc3c0c9{--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:center;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-bc3c0c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-8fe3ee2{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:30px;}.elementor-18754 .elementor-element.elementor-element-5608d21{--display:flex;--min-height:1200px;--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;--align-items:center;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );box-shadow:0px -12px 10px 0px rgba(0, 0, 0, 0.36);--padding-top:70px;--padding-bottom:0px;--padding-left:20px;--padding-right:30px;}.elementor-18754 .elementor-element.elementor-element-5608d21:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-5608d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://dev.maximeoro.com.br/wp-content/uploads/2026/04/fundo2_resultado-1.avif");background-position:top center;background-repeat:no-repeat;}.elementor-18754 .elementor-element.elementor-element-5608d21::before, .elementor-18754 .elementor-element.elementor-element-5608d21 > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-5608d21 > .e-con-inner > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-5608d21 > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-5608d21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-5608d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-18754 .elementor-element.elementor-element-75a68bf{--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;}.elementor-18754 .elementor-element.elementor-element-6f0e769{--display:flex;}.elementor-18754 .elementor-element.elementor-element-6f0e769.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-68056ce{--display:flex;}.elementor-18754 .elementor-element.elementor-element-ffb4bd6{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-116e561 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-116e561.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-116e561.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-116e561.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-2d6f936{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-c51b6d4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-f8b485a{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-16fe158 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-16fe158.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-16fe158.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-16fe158.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-wrapper .elementor-image-box-img{width:13%;}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-a028630 > .elementor-widget-container{margin:020px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-a028630 .title{color:#E9E9E9;}.elementor-18754 .elementor-element.elementor-element-d36d364{--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:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-a662fce{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-47f485e{--display:flex;}.elementor-18754 .elementor-element.elementor-element-2bd8379 > .elementor-widget-container{margin:50px 0px 35px 0px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-after_title, .elementor-18754 .elementor-element.elementor-element-2bd8379 .title-subtitle, .elementor-18754 .elementor-element.elementor-element-2bd8379 .woodmart-title-container{max-width:67%;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-subtitle{font-size:16px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title{color:#EAE9E3;font-size:34px;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-after_title{color:#BDBDBD;font-size:14px;font-weight:300;text-transform:uppercase;}.elementor-18754 .elementor-element.elementor-element-9f2f603 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-18754 .elementor-element.elementor-element-9f2f603{text-align:center;font-family:"Marcellus SC", Sans-serif;font-size:25px;font-weight:200;font-style:italic;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-538cfcc{text-align:center;font-family:"Marcellus SC", Sans-serif;font-size:21px;font-weight:200;font-style:italic;color:#FFFFFF;}.elementor-18754 .elementor-element.elementor-element-7e8a596{--grid-template-columns:repeat(0, auto);--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-18754 .elementor-element.elementor-element-7e8a596 .elementor-widget-container{text-align:center;}.elementor-18754 .elementor-element.elementor-element-7e8a596 .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-96875e1{--display:flex;--min-height:1080px;--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-96875e1:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-96875e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-position:center center;background-repeat:no-repeat;}.elementor-18754 .elementor-element.elementor-element-995a85c{--display:flex;}.elementor-18754 .elementor-element.elementor-element-995a85c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-6e06c64{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-2e0cba2.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-2e0cba2.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-2e0cba2.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-5f2a0a4{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-90eddb3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-90eddb3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-90eddb3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-b16fc2d{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-698de2f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-698de2f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-698de2f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-75e291c{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-0383f98.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-0383f98.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-0383f98.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-f163963{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-a083500.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-a083500.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-a083500.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-2a6e4ab{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-c835588.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-c835588.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-c835588.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-ed652ba{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-wrapper{text-align:start;}.elementor-18754 .elementor-element.elementor-element-3916e48.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18754 .elementor-element.elementor-element-3916e48.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18754 .elementor-element.elementor-element-3916e48.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-title{margin-bottom:7px;font-size:18px;font-weight:500;text-transform:uppercase;color:#A29666;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-wrapper .elementor-image-box-img{width:8%;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 19deg );transition-duration:0.3s;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-description{color:#C2C2C2;}.elementor-18754 .elementor-element.elementor-element-412dca6{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-3609624 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-3609624 .title-after_title, .elementor-18754 .elementor-element.elementor-element-3609624 .title-subtitle, .elementor-18754 .elementor-element.elementor-element-3609624 .woodmart-title-container{max-width:65%;}.elementor-18754 .elementor-element.elementor-element-3609624 .title{color:#381010;}.elementor-18754 .elementor-element.elementor-element-152789d{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-152789d:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://dev.maximeoro.com.br/wp-content/uploads/2025/10/rodape_resultado-2.avif");background-position:top center;background-repeat:no-repeat;background-size:1920px auto;}.elementor-18754 .elementor-element.elementor-element-152789d::before, .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-152789d > .e-con-inner > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-152789d > .e-con-inner > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-18754 .elementor-element.elementor-element-6fba2ff{--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;}.elementor-18754 .elementor-element.elementor-element-6fba2ff.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-16a184d > .elementor-widget-container{margin:-58px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-16a184d{text-align:start;}.elementor-18754 .elementor-element.elementor-element-16a184d img{width:100%;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(22px/2);}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(22px/2);}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(22px/2);}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-22px/2);}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-22px/2);}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#DDDDDD96;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-18754 .elementor-element.elementor-element-37d0e91{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-text{transition:color 0.3s;}.elementor-18754 .elementor-element.elementor-element-9967d33 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-d7359bf{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-18754 .elementor-element.elementor-element-d7359bf .elementor-widget-container{text-align:left;}.elementor-18754 .elementor-element.elementor-element-d7359bf .elementor-social-icon{background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-d7359bf .elementor-social-icon:hover{background-color:#FFFFFFD6;border-color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-d7359bf .elementor-social-icon:hover i{color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-d7359bf .elementor-social-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-6633c8a{--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;}.elementor-18754 .elementor-element.elementor-element-4ff8d3d .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-menu-toggle{margin:0 auto;}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item{color:#BDBDBD;fill:#BDBDBD;padding-left:0px;padding-right:0px;padding-top:7px;padding-bottom:7px;}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-99c5876{--e-nav-menu-horizontal-menu-item-margin:calc( 2px / 2 );}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2px;}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--dropdown{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-99c5876 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF;border-bottom-width:1px;}.elementor-18754 .elementor-element.elementor-element-49b54b3{--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;}.elementor-18754 .elementor-element.elementor-element-d7a2ac0 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-a097b13{--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;}.elementor-18754 .elementor-element.elementor-element-b0c9dff .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-type-html{padding-bottom:0px;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#87878754;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#87878754;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-field-group .elementor-select-wrapper::before{color:#87878754;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-button{letter-spacing:2.2px;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .e-form__buttons__wrapper__button-next:hover{background-color:#BDB07C;color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-button[type="submit"]:hover{background-color:#BDB07C;color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18754 .elementor-element.elementor-element-7f655b8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-18754 .elementor-element.elementor-element-06873ce .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;line-height:22px;color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-97069fd{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:-34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-bea6b05{--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;}.elementor-18754 .elementor-element.elementor-element-f730edb > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-f730edb{text-align:start;}.elementor-18754 .elementor-element.elementor-element-0813ec8{--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;}.elementor-18754 .elementor-element.elementor-element-783d2b0{text-align:end;}.elementor-18754 .elementor-element.elementor-element-72abc43{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-72abc43:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-72abc43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-18754 .elementor-element.elementor-element-72abc43::before, .elementor-18754 .elementor-element.elementor-element-72abc43 > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-72abc43 > .e-con-inner > .elementor-background-video-container::before, .elementor-18754 .elementor-element.elementor-element-72abc43 > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-72abc43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18754 .elementor-element.elementor-element-72abc43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-18754 .elementor-element.elementor-element-309fefc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:27px;}.elementor-18754 .elementor-element.elementor-element-8df5d19 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-8df5d19.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18754 .elementor-element.elementor-element-8df5d19{text-align:center;font-size:12px;line-height:20px;color:#FFFFFF;}body.elementor-page-18754:not(.elementor-motion-effects-element-type-background), body.elementor-page-18754 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18754 .elementor-element.elementor-element-b4bd796{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-18754 .elementor-element.elementor-element-a0bdb69{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-82a61d8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-82a61d8.e-con{--align-self:center;}.elementor-18754 .elementor-element.elementor-element-71b82ee{--e-n-carousel-swiper-slides-to-display:3;}.elementor-18754 .elementor-element.elementor-element-d00edea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-b8c562c{--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-18754 .elementor-element.elementor-element-1a8d5a3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-18754 .elementor-element.elementor-element-9387a49{width:var( --container-widget-width, 523.812px );max-width:523.812px;--container-widget-width:523.812px;--container-widget-flex-grow:0;}.elementor-18754 .elementor-element.elementor-element-5608d21:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-5608d21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-18754 .elementor-element.elementor-element-5608d21{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18754 .elementor-element.elementor-element-75a68bf{--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-18754 .elementor-element.elementor-element-68056ce.e-con{--order:-99999 /* order start hack */;}.elementor-18754 .elementor-element.elementor-element-a662fce{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-after_title, .elementor-18754 .elementor-element.elementor-element-2bd8379 .title-subtitle, .elementor-18754 .elementor-element.elementor-element-2bd8379 .woodmart-title-container{max-width:100%;}.elementor-18754 .elementor-element.elementor-element-96875e1:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-96875e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-564px 0px;background-repeat:no-repeat;}.elementor-18754 .elementor-element.elementor-element-3609624 .title-after_title, .elementor-18754 .elementor-element.elementor-element-3609624 .title-subtitle, .elementor-18754 .elementor-element.elementor-element-3609624 .woodmart-title-container{max-width:100%;}.elementor-18754 .elementor-element.elementor-element-3609624 .title{font-size:17px;}.elementor-18754 .elementor-element.elementor-element-152789d{--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-18754 .elementor-element.elementor-element-152789d:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-256px -46px;}.elementor-18754 .elementor-element.elementor-element-6fba2ff{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-a097b13{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-97069fd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-bea6b05{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-0813ec8{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-18754 .elementor-element.elementor-element-8df5d19 > .elementor-widget-container{padding:0px 40px 0px 40px;}.elementor-18754 .elementor-element.elementor-element-8df5d19{text-align:center;}}@media(max-width:767px){.elementor-18754 .elementor-element.elementor-element-82a61d8{--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-18754 .elementor-element.elementor-element-48405b9 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c32178c .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-751f8c8 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-5e2173e .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-29ef6ba .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-71b82ee{--e-n-carousel-swiper-slides-to-display:1;}.elementor-18754 .elementor-element.elementor-element-d00edea > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-after_title, .elementor-18754 .elementor-element.elementor-element-d00edea .title-subtitle, .elementor-18754 .elementor-element.elementor-element-d00edea .woodmart-title-container{max-width:100%;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-subtitle{font-size:12px;}.elementor-18754 .elementor-element.elementor-element-d00edea .title{font-size:23px;}.elementor-18754 .elementor-element.elementor-element-d00edea .title-after_title{font-size:13px;line-height:1.5em;}.elementor-18754 .elementor-element.elementor-element-1a8d5a3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-18754 .elementor-element.elementor-element-f0c4818 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-tabs{--wd-row-gap:0px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-nav-tabs > li > a{font-size:10px;}.elementor-18754 .elementor-element.elementor-element-f0c4818 .wd-nav-tabs{--nav-gap:12px;}.elementor-18754 .elementor-element.elementor-element-07775a8 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-tabs{--wd-row-gap:0px;}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-nav-tabs > li > a{font-size:10px;}.elementor-18754 .elementor-element.elementor-element-07775a8 .wd-nav-tabs{--nav-gap:12px;}.elementor-18754 .elementor-element.elementor-element-3682568:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-3682568 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;background-repeat:repeat;}.elementor-18754 .elementor-element.elementor-element-3682568{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-18754 .elementor-element.elementor-element-993e6f4 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-0ccccad .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-bb0b249 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-9e28325 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-8fe3ee2{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-18754 .elementor-element.elementor-element-5608d21{--overlay-opacity:0.44;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18754 .elementor-element.elementor-element-116e561 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c51b6d4 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-16fe158 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-47f485e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-after_title, .elementor-18754 .elementor-element.elementor-element-2bd8379 .title-subtitle, .elementor-18754 .elementor-element.elementor-element-2bd8379 .woodmart-title-container{max-width:100%;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title-subtitle{font-size:12px;}.elementor-18754 .elementor-element.elementor-element-2bd8379 .title{font-size:22px;}.elementor-18754 .elementor-element.elementor-element-96875e1:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-96875e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-18754 .elementor-element.elementor-element-2e0cba2 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-90eddb3 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-698de2f .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-0383f98 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-a083500 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-c835588 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-3916e48 .elementor-image-box-img{margin-bottom:15px;}.elementor-18754 .elementor-element.elementor-element-152789d:not(.elementor-motion-effects-element-type-background), .elementor-18754 .elementor-element.elementor-element-152789d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-329px 0px;}.elementor-18754 .elementor-element.elementor-element-16a184d{text-align:center;}.elementor-18754 .elementor-element.elementor-element-a88357a .wd-text-block{font-size:13px;}.elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18754 .elementor-element.elementor-element-37d0e91 .elementor-icon-list-item > a{font-size:13px;}.elementor-18754 .elementor-element.elementor-element-095fa63{font-size:13px;}.elementor-18754 .elementor-element.elementor-element-06873ce{text-align:center;}.elementor-18754 .elementor-element.elementor-element-bea6b05{--width:50%;}.elementor-18754 .elementor-element.elementor-element-f730edb{text-align:center;}.elementor-18754 .elementor-element.elementor-element-0813ec8{--width:50%;}.elementor-18754 .elementor-element.elementor-element-783d2b0{text-align:center;}.elementor-18754 .elementor-element.elementor-element-8df5d19{width:var( --container-widget-width, 339px );max-width:339px;--container-widget-width:339px;--container-widget-flex-grow:0;}.elementor-18754 .elementor-element.elementor-element-8df5d19 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-18754 .elementor-element.elementor-element-b4bd796{--content-width:1400px;}.elementor-18754 .elementor-element.elementor-element-e67851b{--width:1276px;}.elementor-18754 .elementor-element.elementor-element-a0bdb69{--width:62.15%;}.elementor-18754 .elementor-element.elementor-element-6756bf2{--content-width:1400px;}.elementor-18754 .elementor-element.elementor-element-3682568{--content-width:1400px;}.elementor-18754 .elementor-element.elementor-element-a9893de{--width:50%;}.elementor-18754 .elementor-element.elementor-element-8fe3ee2{--width:50%;}.elementor-18754 .elementor-element.elementor-element-5608d21{--content-width:1400px;}.elementor-18754 .elementor-element.elementor-element-6f0e769{--width:46%;}.elementor-18754 .elementor-element.elementor-element-68056ce{--width:100%;}.elementor-18754 .elementor-element.elementor-element-96875e1{--content-width:1400px;}.elementor-18754 .elementor-element.elementor-element-995a85c{--width:45%;}.elementor-18754 .elementor-element.elementor-element-152789d{--content-width:1220px;}.elementor-18754 .elementor-element.elementor-element-6fba2ff{--width:27%;}.elementor-18754 .elementor-element.elementor-element-6633c8a{--width:22.583%;}.elementor-18754 .elementor-element.elementor-element-49b54b3{--width:24%;}.elementor-18754 .elementor-element.elementor-element-a097b13{--width:27.584%;}.elementor-18754 .elementor-element.elementor-element-72abc43{--content-width:1220px;}.elementor-18754 .elementor-element.elementor-element-309fefc{--width:66%;}}@media(max-width:1024px) and (min-width:768px){.elementor-18754 .elementor-element.elementor-element-a0bdb69{--width:56%;}.elementor-18754 .elementor-element.elementor-element-a9893de{--width:56.185%;}.elementor-18754 .elementor-element.elementor-element-bc3c0c9{--width:670.812px;}.elementor-18754 .elementor-element.elementor-element-8fe3ee2{--width:60%;}.elementor-18754 .elementor-element.elementor-element-6f0e769{--width:247.984px;}.elementor-18754 .elementor-element.elementor-element-995a85c{--width:454.5px;}.elementor-18754 .elementor-element.elementor-element-6fba2ff{--width:75%;}.elementor-18754 .elementor-element.elementor-element-a097b13{--width:86%;}.elementor-18754 .elementor-element.elementor-element-309fefc{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2ac76b3 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7df79e5 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc7ba1b *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee7c664 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ea51b5 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffb4bd6 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d6f936 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8b485a *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e06c64 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f2a0a4 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b16fc2d *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75e291c *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f163963 *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a6e4ab *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed652ba *//* =============================================
   GW Borda Dourada com Fade
   Desenvolvido por Gerencie Web
   https://gerencieweb.com.br/
   
   COMO USAR NO ELEMENTOR:
   1. Adicione a classe "gw-borda" no container (Avançado > CSS Classes)
   2. Adicione classes extras para controlar quais lados ficam visíveis:
      - gw-borda-top    → borda no topo
      - gw-borda-right  → borda na direita
      - gw-borda-bottom → borda embaixo
      - gw-borda-left   → borda na esquerda
   3. Combine: "gw-borda gw-borda-top gw-borda-left" = só topo e esquerda
   4. Se usar só "gw-borda" sem lados, mostra todas as 4 bordas
   
   VARIAÇÕES DE COR:
   - gw-borda          → Dourado (#A29666)
   - gw-borda-prata    → Prateado
   - gw-borda-custom   → Personalizado (defina --gw-borda-cor)
   
   ESPESSURA:
   - gw-borda-thin     → 1px
   - (padrão)          → 1.5px
   - gw-borda-medium   → 2px
   - gw-borda-thick    → 3px
   
   INTENSIDADE DO FADE:
   - gw-borda-fade-curto  → fade curto (30%)
   - (padrão)             → fade médio (50%)
   - gw-borda-fade-longo  → fade longo (70%)
   
   ARREDONDAMENTO:
   - gw-borda-rounded     → cantos arredondados (12px)
   - gw-borda-rounded-lg  → cantos mais arredondados (20px)
   - gw-borda-rounded-sm  → cantos levemente arredondados (6px)
   
   ANIMAÇÃO:
   - gw-borda-animada     → degradê animado (shimmer)
   - gw-borda-glow        → brilho suave (glow)
   ============================================= */

/* =============================================
   VARIÁVEIS CSS
   ============================================= */
:root {
    /* Paleta Dourada */
    --gw-borda-ouro-1: #6E6444;
    --gw-borda-ouro-2: #8A7E56;
    --gw-borda-ouro-3: #A29666;
    --gw-borda-ouro-4: #B8A87A;
    --gw-borda-ouro-5: #C4BA90;
    
    /* Paleta Prateada */
    --gw-borda-prata-1: #5a5a5a;
    --gw-borda-prata-2: #7a7a7a;
    --gw-borda-prata-3: #a0a0a0;
    --gw-borda-prata-4: #c0c0c0;
    --gw-borda-prata-5: #d8d8d8;
}

/* =============================================
   BASE - Container com borda
   ============================================= */
.gw-borda {
    position: relative !important;
    --gw-borda-espessura: 1.5px;
    --gw-borda-fade: 50%;
    --gw-borda-radius: 0px;
    --gw-borda-c1: var(--gw-borda-ouro-1);
    --gw-borda-c2: var(--gw-borda-ouro-2);
    --gw-borda-c3: var(--gw-borda-ouro-3);
    --gw-borda-c4: var(--gw-borda-ouro-4);
    --gw-borda-c5: var(--gw-borda-ouro-5);
}

/* =============================================
   BORDAS INDIVIDUAIS COM PSEUDO-ELEMENTOS
   Cada borda é um pseudo-elemento ou um elemento
   gerado via box-shadow/gradient para permitir
   fade independente em cada lado
   ============================================= */

/* Borda TOPO */
.gw-borda::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: var(--gw-borda-radius) var(--gw-borda-radius) 0 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Borda BOTTOM */
.gw-borda::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--gw-borda-c1) var(--gw-borda-fade),
        var(--gw-borda-c3) 50%,
        var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
        transparent 100%
    );
    border-radius: 0 0 var(--gw-borda-radius) var(--gw-borda-radius);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Bordas laterais usam elementos internos via box-shadow trick
   Mas para máxima flexibilidade, usamos um wrapper extra com gradientes */

/* =============================================
   ABORDAGEM ALTERNATIVA: 4 GRADIENTES NO BACKGROUND
   Mais limpa e permite controle individual
   ============================================= */

/* Resetar os pseudo-elementos da abordagem anterior */
.gw-borda::before,
.gw-borda::after {
    display: none;
}

/* Usar background-image com 4 gradientes posicionados */
.gw-borda {
    /* Cada gradiente é uma borda */
    background-image:
        /* TOPO */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* BOTTOM */
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* ESQUERDA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ),
        /* DIREITA */
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        );
    
    background-size:
        100% var(--gw-borda-espessura),   /* topo */
        100% var(--gw-borda-espessura),   /* bottom */
        var(--gw-borda-espessura) 100%,   /* esquerda */
        var(--gw-borda-espessura) 100%;   /* direita */
    
    background-position:
        top center,      /* topo */
        bottom center,   /* bottom */
        left center,     /* esquerda */
        right center;    /* direita */
    
    background-repeat: no-repeat;
}

/* =============================================
   CONTROLE DE LADOS VISÍVEIS
   Por padrão, todos os 4 lados são mostrados.
   Ao adicionar classes específicas, APENAS os
   lados indicados ficam visíveis.
   ============================================= */

/* Quando classes de lado específicas são usadas, esconder tudo primeiro */
.gw-borda.gw-borda-top,
.gw-borda.gw-borda-right,
.gw-borda.gw-borda-bottom,
.gw-borda.gw-borda-left {
    background-image: none !important;
}

/* Só TOPO */
.gw-borda.gw-borda-top {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

/* Só BOTTOM */
.gw-borda.gw-borda-bottom {
    background-image:
        linear-gradient(
            90deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: 100% var(--gw-borda-espessura) !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}

/* Só ESQUERDA */
.gw-borda.gw-borda-left {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c1) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

/* Só DIREITA */
.gw-borda.gw-borda-right {
    background-image:
        linear-gradient(
            180deg,
            transparent 0%,
            var(--gw-borda-c5) var(--gw-borda-fade),
            var(--gw-borda-c3) 50%,
            var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)),
            transparent 100%
        ) !important;
    background-size: var(--gw-borda-espessura) 100% !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 2 LADOS
   ============================================= */

/* Topo + Bottom */
.gw-borda.gw-borda-top.gw-borda-bottom {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura) !important;
    background-position: top center, bottom center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda */
.gw-borda.gw-borda-top.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Direita */
.gw-borda.gw-borda-top.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda */
.gw-borda.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Direita */
.gw-borda.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Esquerda + Direita */
.gw-borda.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   COMBINAÇÕES DE 3 LADOS
   ============================================= */

/* Topo + Bottom + Esquerda */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Bottom + Direita */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, right center !important;
    background-repeat: no-repeat !important;
}

/* Topo + Esquerda + Direita */
.gw-borda.gw-borda-top.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* Bottom + Esquerda + Direita */
.gw-borda.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* 4 lados explícitos */
.gw-borda.gw-borda-top.gw-borda-bottom.gw-borda-left.gw-borda-right {
    background-image:
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(90deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c1) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c5) calc(100% - var(--gw-borda-fade)), transparent 100%),
        linear-gradient(180deg, transparent 0%, var(--gw-borda-c5) var(--gw-borda-fade), var(--gw-borda-c3) 50%, var(--gw-borda-c1) calc(100% - var(--gw-borda-fade)), transparent 100%) !important;
    background-size: 100% var(--gw-borda-espessura), 100% var(--gw-borda-espessura), var(--gw-borda-espessura) 100%, var(--gw-borda-espessura) 100% !important;
    background-position: top center, bottom center, left center, right center !important;
    background-repeat: no-repeat !important;
}

/* =============================================
   VARIAÇÃO: PRATA
   ============================================= */
.gw-borda-prata {
    --gw-borda-c1: var(--gw-borda-prata-1) !important;
    --gw-borda-c2: var(--gw-borda-prata-2) !important;
    --gw-borda-c3: var(--gw-borda-prata-3) !important;
    --gw-borda-c4: var(--gw-borda-prata-4) !important;
    --gw-borda-c5: var(--gw-borda-prata-5) !important;
}

/* =============================================
   VARIAÇÃO: COR PERSONALIZADA
   Use: style="--gw-borda-cor: #ff0000;"
   ============================================= */
.gw-borda-custom {
    --gw-borda-c1: color-mix(in srgb, var(--gw-borda-cor, #A29666) 40%, black) !important;
    --gw-borda-c2: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, black) !important;
    --gw-borda-c3: var(--gw-borda-cor, #A29666) !important;
    --gw-borda-c4: color-mix(in srgb, var(--gw-borda-cor, #A29666) 80%, white) !important;
    --gw-borda-c5: color-mix(in srgb, var(--gw-borda-cor, #A29666) 60%, white) !important;
}

/* =============================================
   ESPESSURA
   ============================================= */
.gw-borda-thin {
    --gw-borda-espessura: 1px !important;
}

.gw-borda-medium {
    --gw-borda-espessura: 2px !important;
}

.gw-borda-thick {
    --gw-borda-espessura: 3px !important;
}

/* =============================================
   INTENSIDADE DO FADE
   ============================================= */
.gw-borda-fade-curto {
    --gw-borda-fade: 30% !important;
}

.gw-borda-fade-longo {
    --gw-borda-fade: 70% !important;
}

.gw-borda-fade-nenhum {
    --gw-borda-fade: 5% !important;
}

/* =============================================
   ARREDONDAMENTO
   ============================================= */
.gw-borda-rounded {
    --gw-borda-radius: 12px !important;
    border-radius: 12px;
}

.gw-borda-rounded-lg {
    --gw-borda-radius: 20px !important;
    border-radius: 20px;
}

.gw-borda-rounded-sm {
    --gw-borda-radius: 6px !important;
    border-radius: 6px;
}

/* =============================================
   ANIMAÇÃO: DEGRADÊ SHIMMER
   ============================================= */
@keyframes gw-borda-shimmer-h {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes gw-borda-shimmer-v {
    0% {
        background-position: 0 -200%;
    }
    100% {
        background-position: 0 200%;
    }
}

/* Borda animada - usa pseudo-elementos para animar independente do fundo */
.gw-borda-animada {
    background-image: none !important;
}

.gw-borda-animada::before,
.gw-borda-animada::after {
    display: block !important;
    content: '' !important;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

/* Topo (::before) */
.gw-borda-animada::before {
    top: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
}

/* Bottom (::after) */
.gw-borda-animada::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--gw-borda-espessura);
    background: linear-gradient(
        90deg,
        transparent,
        var(--gw-borda-c1),
        var(--gw-borda-c3),
        var(--gw-borda-c5),
        var(--gw-borda-c3),
        var(--gw-borda-c1),
        transparent
    );
    background-size: 200% 100%;
    animation: gw-borda-shimmer-h 3s ease-in-out infinite;
    animation-delay: -1.5s;
}

/* Para bordas laterais animadas, precisamos de elementos extras.
   Solução: usar outline + box-shadow ou elementos filhos.
   Aqui usamos a abordagem de um wrapper interno */

/* =============================================
   ANIMAÇÃO: GLOW (BRILHO SUAVE)
   ============================================= */
@keyframes gw-borda-glow-pulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(162, 150, 102, 0.3),
            inset 0 0 8px rgba(162, 150, 102, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(162, 150, 102, 0.5),
            inset 0 0 15px rgba(162, 150, 102, 0.15);
    }
}

.gw-borda-glow {
    background-image: none !important;
    animation: gw-borda-glow-pulse 3s ease-in-out infinite;
}

.gw-borda-glow::before,
.gw-borda-glow::after {
    display: none !important;
}

/* Glow prata */
@keyframes gw-borda-glow-pulse-prata {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c3),
            inset 0 -1px 0 0 var(--gw-borda-c3),
            inset 1px 0 0 0 var(--gw-borda-c3),
            inset -1px 0 0 0 var(--gw-borda-c3),
            0 0 8px rgba(160, 160, 160, 0.3),
            inset 0 0 8px rgba(160, 160, 160, 0.1);
    }
    50% {
        box-shadow:
            inset 0 1px 0 0 var(--gw-borda-c5),
            inset 0 -1px 0 0 var(--gw-borda-c5),
            inset 1px 0 0 0 var(--gw-borda-c5),
            inset -1px 0 0 0 var(--gw-borda-c5),
            0 0 15px rgba(160, 160, 160, 0.5),
            inset 0 0 15px rgba(160, 160, 160, 0.15);
    }
}

.gw-borda-glow.gw-borda-prata {
    animation: gw-borda-glow-pulse-prata 3s ease-in-out infinite;/* End custom CSS */
/* Start custom CSS */.corx {
       background: -webkit-linear-gradient(20deg,#00ff84,#9dffd0);
     -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: 3s cubic-bezier(0.2, 0.5, 0.9, 0.6) 2s infinite normal none running textodegradex2;
    background-image: linear-gradient(45deg, #fff, #beb4a0, #908f8d, #fff );
    background-size: 50% 200%;
    transition: all .8s;
}
@keyframes textodegradex2{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}/* End custom CSS */