.elementor-3461 .elementor-element.elementor-element-7035632{--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:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3461 .elementor-element.elementor-element-7ec3a26 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3461 .elementor-element.elementor-element-7ec3a26 img{width:100%;}.elementor-3461 .elementor-element.elementor-element-552072b{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:52px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3461 .elementor-element.elementor-element-552072b:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-552072b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-ddce0df .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-3461 .elementor-element.elementor-element-ddce0df .woocommerce-breadcrumb > a{color:var( --e-global-color-6ddffe0 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-2b03014 > .elementor-widget-container{margin:0px 0px 0px 18px;padding:0px 0px 15px 0px;}.elementor-3461 .elementor-element.elementor-element-2b03014{text-align:start;}.elementor-3461 .elementor-element.elementor-element-2b03014 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-dafceec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3461 .elementor-element.elementor-element-dafceec:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-dafceec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-65aaf89{--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-3461 .elementor-element.elementor-element-500991d{--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;--border-radius:24px 24px 24px 24px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3461 .elementor-element.elementor-element-500991d:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-500991d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-7b097c9 .elementor-icon-wrapper{text-align:center;}.elementor-3461 .elementor-element.elementor-element-b26bb73{text-align:center;}.elementor-3461 .elementor-element.elementor-element-b26bb73 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3461 .elementor-element.elementor-element-174f55b .elementor-button:hover, .elementor-3461 .elementor-element.elementor-element-174f55b .elementor-button:focus{background-color:var( --e-global-color-6ddffe0 );color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-174f55b .elementor-button{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-6ddffe0 );color:var( --e-global-color-6ddffe0 );padding:10px 10px 10px 10px;}.elementor-3461 .elementor-element.elementor-element-174f55b .elementor-button:hover svg, .elementor-3461 .elementor-element.elementor-element-174f55b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-e4a7410{--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-3461 .elementor-element.elementor-element-a356132{--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;--border-radius:24px 24px 24px 24px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3461 .elementor-element.elementor-element-a356132:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-a356132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3461 .elementor-element.elementor-element-c87bfd1 .elementor-icon-wrapper{text-align:center;}.elementor-3461 .elementor-element.elementor-element-51566a7{text-align:center;}.elementor-3461 .elementor-element.elementor-element-51566a7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-67c991f .elementor-button:hover, .elementor-3461 .elementor-element.elementor-element-67c991f .elementor-button:focus{background-color:var( --e-global-color-6ddffe0 );color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-67c991f .elementor-button{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-6ddffe0 );color:var( --e-global-color-6ddffe0 );padding:10px 10px 10px 10px;}.elementor-3461 .elementor-element.elementor-element-67c991f .elementor-button:hover svg, .elementor-3461 .elementor-element.elementor-element-67c991f .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-589eded{--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-3461 .elementor-element.elementor-element-1fc1584{--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;--border-radius:24px 24px 24px 24px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3461 .elementor-element.elementor-element-1fc1584:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-1fc1584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-3461 .elementor-element.elementor-element-977475a .elementor-icon-wrapper{text-align:center;}.elementor-3461 .elementor-element.elementor-element-fbec58e{text-align:center;}.elementor-3461 .elementor-element.elementor-element-fbec58e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-2adaafb .elementor-button:hover, .elementor-3461 .elementor-element.elementor-element-2adaafb .elementor-button:focus{background-color:var( --e-global-color-6ddffe0 );color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-2adaafb .elementor-button{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;fill:var( --e-global-color-6ddffe0 );color:var( --e-global-color-6ddffe0 );padding:10px 10px 10px 10px;}.elementor-3461 .elementor-element.elementor-element-2adaafb .elementor-button:hover svg, .elementor-3461 .elementor-element.elementor-element-2adaafb .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-caf8573{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3461 .elementor-element.elementor-element-caf8573:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-caf8573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3461 .elementor-element.elementor-element-1fdddbb{--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-3461 .elementor-element.elementor-element-6a82f17{--spacer-size:31px;}.elementor-3461 .elementor-element.elementor-element-811bb3e{--display:flex;--border-radius:19px 19px 19px 19px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3461 .elementor-element.elementor-element-36404b5{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3461 .elementor-element.elementor-element-36404b5:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-36404b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3461 .elementor-element.elementor-element-8bc6afd{--display:flex;}.elementor-3461 .elementor-element.elementor-element-51f863c{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:13px;}.elementor-3461 .elementor-element.elementor-element-51f863c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );border-style:none;}.elementor-3461 .elementor-element.elementor-element-51f863c {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-3461 .elementor-element.elementor-element-51f863c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;}:where( .elementor-3461 .elementor-element.elementor-element-51f863c > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3461 .elementor-element.elementor-element-551ca48{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3461 .elementor-element.elementor-element-551ca48:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-551ca48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3461 .elementor-element.elementor-element-343c965{--display:flex;}.elementor-3461 .elementor-element.elementor-element-4df82b0{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:13px;}.elementor-3461 .elementor-element.elementor-element-4df82b0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );border-style:none;}.elementor-3461 .elementor-element.elementor-element-4df82b0 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-3461 .elementor-element.elementor-element-4df82b0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;}:where( .elementor-3461 .elementor-element.elementor-element-4df82b0 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3461 .elementor-element.elementor-element-53faaaa{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3461 .elementor-element.elementor-element-53faaaa:not(.elementor-motion-effects-element-type-background), .elementor-3461 .elementor-element.elementor-element-53faaaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-3461 .elementor-element.elementor-element-2d32c94{--display:flex;}.elementor-3461 .elementor-element.elementor-element-dda9917{--n-accordion-title-font-size:14px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:13px;}.elementor-3461 .elementor-element.elementor-element-dda9917 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );border-style:none;}.elementor-3461 .elementor-element.elementor-element-dda9917 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-3461 .elementor-element.elementor-element-dda9917 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;}:where( .elementor-3461 .elementor-element.elementor-element-dda9917 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-3461 .elementor-element.elementor-element-1ab89ad{--n-accordion-title-font-size:16px;width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:12px;--n-accordion-icon-size:17px;}.elementor-3461 .elementor-element.elementor-element-1ab89ad > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-accent );border-style:none;}.elementor-3461 .elementor-element.elementor-element-1ab89ad {--n-accordion-padding:15px 15px 15px 15px;}:where( .elementor-3461 .elementor-element.elementor-element-1ab89ad > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Poppins", Sans-serif;font-weight:600;}:where( .elementor-3461 .elementor-element.elementor-element-1ab89ad > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-3461 .elementor-element.elementor-element-8078c94{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:55px 0px 0px 0px;}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 .elementor-icon-box-wrapper{text-align:start;}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-dbcd6c0 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-dbcd6c0:has(:hover) .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-dbcd6c0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-3461 .elementor-element.elementor-element-ba3b35c .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3461 .elementor-element.elementor-element-ba3b35c.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-3461 .elementor-element.elementor-element-ba3b35c.elementor-view-framed .elementor-icon, .elementor-3461 .elementor-element.elementor-element-ba3b35c.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-3461 .elementor-element.elementor-element-ba3b35c .elementor-icon{font-size:29px;}.elementor-3461 .elementor-element.elementor-element-ba3b35c .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-ba3b35c .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-ba3b35c .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3461 .elementor-element.elementor-element-3cbdf2b .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3461 .elementor-element.elementor-element-3cbdf2b.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-3461 .elementor-element.elementor-element-3cbdf2b.elementor-view-framed .elementor-icon, .elementor-3461 .elementor-element.elementor-element-3cbdf2b.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-3461 .elementor-element.elementor-element-3cbdf2b .elementor-icon{font-size:29px;}.elementor-3461 .elementor-element.elementor-element-3cbdf2b .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-3cbdf2b .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-3cbdf2b .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3461 .elementor-element.elementor-element-6bc091d .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3461 .elementor-element.elementor-element-6bc091d.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-3461 .elementor-element.elementor-element-6bc091d.elementor-view-framed .elementor-icon, .elementor-3461 .elementor-element.elementor-element-6bc091d.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-3461 .elementor-element.elementor-element-6bc091d .elementor-icon{font-size:29px;}.elementor-3461 .elementor-element.elementor-element-6bc091d .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-6bc091d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-6bc091d .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3461 .elementor-element.elementor-element-871de5a .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-3461 .elementor-element.elementor-element-871de5a.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-3461 .elementor-element.elementor-element-871de5a.elementor-view-framed .elementor-icon, .elementor-3461 .elementor-element.elementor-element-871de5a.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-3461 .elementor-element.elementor-element-871de5a .elementor-icon{font-size:29px;}.elementor-3461 .elementor-element.elementor-element-871de5a .elementor-icon-box-title, .elementor-3461 .elementor-element.elementor-element-871de5a .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-871de5a .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-3461 .elementor-element.elementor-element-656ab32{--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-3461 .elementor-element.elementor-element-e76df89{text-align:end;}.elementor-3461 .elementor-element.elementor-element-e76df89 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product{text-align:center;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:5px;padding:20px 20px 20px 20px;background-color:#FFFFFF;border-color:#EEEEEE;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products{grid-column-gap:14px;grid-row-gap:37px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:22px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );margin-bottom:0px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );margin-bottom:0px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .star-rating{font-size:0.1em;margin-bottom:0px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-size:1px;font-weight:600;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-accent );background-color:#006495;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;border-style:none;border-radius:6px 6px 6px 6px;margin-top:14px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-3461 .elementor-element.elementor-element-362af56 nav.woocommerce-pagination{margin-top:35px;}.elementor-3461 .elementor-element.elementor-element-362af56 nav.woocommerce-pagination ul li a, .elementor-3461 .elementor-element.elementor-element-362af56 nav.woocommerce-pagination ul li span{padding:14px;}.elementor-3461 .elementor-element.elementor-element-362af56 nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );}.elementor-3461 .elementor-element.elementor-element-362af56 nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-accent );background-color:#006495;}@media(max-width:1024px){.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-3461 .elementor-element.elementor-element-ddce0df .woocommerce-breadcrumb{text-align:center;}.elementor-3461 .elementor-element.elementor-element-2b03014 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3461 .elementor-element.elementor-element-2b03014{text-align:center;}.elementor-3461 .elementor-element.elementor-element-dbcd6c0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3461 .elementor-element.elementor-element-e76df89 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product{text-align:center;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products{grid-column-gap:5px;grid-row-gap:6px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:11px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:11px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:0px;}.elementor-3461 .elementor-element.elementor-element-362af56.elementor-wc-products ul.products li.product .button{font-size:11px;margin-top:0px;}}@media(min-width:768px){.elementor-3461 .elementor-element.elementor-element-65aaf89{--width:50%;}.elementor-3461 .elementor-element.elementor-element-e4a7410{--width:50%;}.elementor-3461 .elementor-element.elementor-element-589eded{--width:50%;}.elementor-3461 .elementor-element.elementor-element-caf8573{--content-width:1333px;}.elementor-3461 .elementor-element.elementor-element-1fdddbb{--width:33.3333%;}.elementor-3461 .elementor-element.elementor-element-656ab32{--width:66.6666%;}}/* Start custom CSS for shortcode, class: .elementor-element-99800a8 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-99800a8 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-32ee089 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-32ee089 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5c83515 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5c83515 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-99800a8 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-99800a8 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-32ee089 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-32ee089 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5c83515 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-5c83515 *//* Container dos botões - Ajuste principal */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; align-items: center; } /* Garantir que os botões tenham o mesmo tamanho */ .wpfFilterButton, .wpfClearButton { flex: 1; /* Faz os botões ocuparem o mesmo espaço */ min-width: 120px; /* Largura mínima para manter a legibilidade */ text-align: center; position: relative; z-index: 1; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: row; /* Mantém em linha mesmo em mobile se espaço permitir */ flex-wrap: wrap; /* Permite quebra de linha se necessário */ } .wpfFilterButton, .wpfClearButton { width: auto; /* Remove largura fixa para mobile */ flex: 1 1 calc(50% - 10px); /* Dois botões por linha com espaçamento */ } } /* Mantendo todos os outros estilos existentes */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* ... [mantenha todo o resto do CSS existente abaixo] ... */ /* ESTILO SIMPLES E MODERNO PARA OS BOTÕES */ .wpfFilterButton, .wpfClearButton { background-color: #3b82f6 !important; /* Azul vibrante */ color: white !important; border: none !important; border-radius: 8px !important; padding: 14px 28px !important; font-size: 16px !important; font-weight: 600 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2) !important; font-family: 'Poppins', sans-serif; } /* Estilo base do select */ .wpfFilterContent select { background-color: #fff; border: 2px solid #d0d0d0; border-radius: 8px; padding: 10px 16px; font-size: 16px; color: #333; transition: all 0.3s ease; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.08); /* sombra mais moderna */ cursor: pointer; } /* Remove outline e ajusta sombra no foco */ .wpfFilterContent select:focus { border-color: #bbb; box-shadow: 0 2px 6px rgba(0,0,0,0.12); /* sombra cinza suave */ outline: none; } /* Contêiner para aplicar rotação com classe dinâmica (precisa JS) */ .select-wrapper { position: relative; } .select-wrapper::after { content: ''; position: absolute; top: 50%; right: 16px; width: 14px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg id='dropdownArrow' width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; pointer-events: none; } /* Quando aberto (precisa JS pra adicionar essa classe) */ .select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 15px; margin-top: 30px; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButtons { flex-direction: column; } .wpfFilterButton, .wpfClearButton { width: 100%; } } } /* Efeito de sobreposição para hover */ .wpfFilterButton::before, .wpfClearButton::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(145deg, #2563eb, #1e40af); opacity: 0; transition: opacity 0.4s ease; z-index: -1; } /* Efeito hover */ .wpfFilterButton:hover::before, .wpfClearButton:hover::before { opacity: 1; } .wpfFilterButton:hover, .wpfClearButton:hover { transform: translateY(-4px) !important; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.4) !important; } /* Efeito de clique ativo */ .wpfFilterButton:active, .wpfClearButton:active { transform: translateY(2px) !important; box-shadow: 0 3px 8px rgba(37, 99, 235, 0.4) !important; } /* Estilo específico para o botão LIMPAR */ .wpfClearButton { background: linear-gradient(145deg, #60a5fa, #3b82f6) !important; } .wpfClearButton::before { background: linear-gradient(145deg, #3b82f6, #2563eb); } /* Container dos botões */ .wpfFilterButtons { display: flex; gap: 20px; margin-top: 35px; justify-content: center; } /* Responsividade */ @media (max-width: 768px) { .wpfFilterButton, .wpfClearButton { padding: 14px 28px !important; font-size: 16px !important; } .wpfFilterButtons { flex-direction: column; gap: 15px; } } /* Animação sutil quando os botões são exibidos */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wpfFilterButtons { animation: fadeInUp 0.6s ease-out; } /* CSS para ocultar o spinner do filtro do plugin WooBeWoo */ .woobewoo-filter-loader.spinner { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-362af56 *//* Efeito de sombra para produtos WooCommerce */ .products .product { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border-radius: 8px; transition: all 0.3s ease; overflow: hidden; background: #fff; } .products .product:hover { box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1); transform: translateY(-3px); } /* Ajuste para imagens dos produtos */ .products .product img { border-radius: 8px 8px 0 0; transition: transform 0.3s ease; } .products .product:hover img { transform: scale(1.02); } /* Ajuste para títulos e preços */ .products .product .woocommerce-loop-product__title { font-weight: 500; padding: 12px 15px 0; } .products .product .price { padding: 0 15px 15px; display: block; }/* End custom CSS */