.elementor-860 .elementor-element.elementor-element-561d163{--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-860 .elementor-element.elementor-element-9c07ebe > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-860 .elementor-element.elementor-element-9c07ebe img{width:100%;}.elementor-860 .elementor-element.elementor-element-13f6789{--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-860 .elementor-element.elementor-element-13f6789:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-13f6789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-860 .elementor-element.elementor-element-0f984ce .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-860 .elementor-element.elementor-element-0f984ce .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-860 .elementor-element.elementor-element-c8adf26 > .elementor-widget-container{margin:0px 0px 0px 18px;padding:0px 0px 0px 0px;}.elementor-860 .elementor-element.elementor-element-c8adf26{text-align:left;}.elementor-860 .elementor-element.elementor-element-c8adf26 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:600;color:var( --e-global-color-text );}.elementor-860 .elementor-element.elementor-element-28639fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-860 .elementor-element.elementor-element-bbaf346{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-77b2dd4{--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;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:17px 17px 17px 17px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-860 .elementor-element.elementor-element-77b2dd4:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-77b2dd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-860 .elementor-element.elementor-element-77b2dd4:hover{background-color:#D1D1D1;}.elementor-860 .elementor-element.elementor-element-77b2dd4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-860 .elementor-element.elementor-element-9335a50{--display:flex;--justify-content:center;}.elementor-860 .elementor-element.elementor-element-9335a50.e-con{--flex-grow:0;--flex-shrink:0;}.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-860 .elementor-element.elementor-element-29666f9 .elementor-icon-wrapper{text-align:center;}.elementor-860 .elementor-element.elementor-element-29666f9 .elementor-icon{font-size:40px;}.elementor-860 .elementor-element.elementor-element-29666f9 .elementor-icon svg{height:40px;}.elementor-860 .elementor-element.elementor-element-d3c8d6d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-860 .elementor-element.elementor-element-80cb70f{text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#2A2A2A;}.elementor-860 .elementor-element.elementor-element-80cb70f p{margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-80cb70f a{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-80cb70f a:hover, .elementor-860 .elementor-element.elementor-element-80cb70f a:focus{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-5e47796{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-7ca130f{--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;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:17px 17px 17px 17px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-860 .elementor-element.elementor-element-7ca130f:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-7ca130f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-860 .elementor-element.elementor-element-7ca130f:hover{background-color:#D1D1D1;}.elementor-860 .elementor-element.elementor-element-7ca130f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-860 .elementor-element.elementor-element-b0a2669{--display:flex;--justify-content:center;}.elementor-860 .elementor-element.elementor-element-b0a2669.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-860 .elementor-element.elementor-element-1b82c7a .elementor-icon-wrapper{text-align:center;}.elementor-860 .elementor-element.elementor-element-1b82c7a .elementor-icon{font-size:40px;}.elementor-860 .elementor-element.elementor-element-1b82c7a .elementor-icon svg{height:40px;}.elementor-860 .elementor-element.elementor-element-8769ee5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-5da65f8{text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#2A2A2A;}.elementor-860 .elementor-element.elementor-element-5da65f8 p{margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-5da65f8 a{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-5da65f8 a:hover, .elementor-860 .elementor-element.elementor-element-5da65f8 a:focus{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-506de67{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-88234ed{--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;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:17px 17px 17px 17px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-860 .elementor-element.elementor-element-88234ed:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-88234ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-860 .elementor-element.elementor-element-88234ed:hover{background-color:#D1D1D1;}.elementor-860 .elementor-element.elementor-element-88234ed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-860 .elementor-element.elementor-element-416c475{--display:flex;--justify-content:center;}.elementor-860 .elementor-element.elementor-element-416c475.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-860 .elementor-element.elementor-element-a9742cc .elementor-icon-wrapper{text-align:center;}.elementor-860 .elementor-element.elementor-element-a9742cc .elementor-icon{font-size:40px;}.elementor-860 .elementor-element.elementor-element-a9742cc .elementor-icon svg{height:40px;}.elementor-860 .elementor-element.elementor-element-e3c5081{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-cc505b0{text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:500;color:#2A2A2A;}.elementor-860 .elementor-element.elementor-element-cc505b0 p{margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-cc505b0 a{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-cc505b0 a:hover, .elementor-860 .elementor-element.elementor-element-cc505b0 a:focus{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-2f6e0ba{--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-860 .elementor-element.elementor-element-2f6e0ba:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-2f6e0ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-860 .elementor-element.elementor-element-f716c7c{--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-860 .elementor-element.elementor-element-4179c67{--spacer-size:31px;}.elementor-860 .elementor-element.elementor-element-9a07517{--display:flex;--border-radius:19px 19px 19px 19px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-860 .elementor-element.elementor-element-e2846b9{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-860 .elementor-element.elementor-element-e2846b9:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-e2846b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-860 .elementor-element.elementor-element-c2214df{--display:flex;}.elementor-860 .elementor-element.elementor-element-e770e3b{--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-860 .elementor-element.elementor-element-e770e3b > .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-860 .elementor-element.elementor-element-e770e3b {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-860 .elementor-element.elementor-element-e770e3b > .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-860 .elementor-element.elementor-element-e770e3b > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-860 .elementor-element.elementor-element-3980148{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-860 .elementor-element.elementor-element-3980148:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-3980148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-860 .elementor-element.elementor-element-c4128ad{--display:flex;}.elementor-860 .elementor-element.elementor-element-908ca78{--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-860 .elementor-element.elementor-element-908ca78 > .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-860 .elementor-element.elementor-element-908ca78 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-860 .elementor-element.elementor-element-908ca78 > .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-860 .elementor-element.elementor-element-908ca78 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-860 .elementor-element.elementor-element-42ac897{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-860 .elementor-element.elementor-element-42ac897:not(.elementor-motion-effects-element-type-background), .elementor-860 .elementor-element.elementor-element-42ac897 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-860 .elementor-element.elementor-element-62b0884{--display:flex;}.elementor-860 .elementor-element.elementor-element-072e760{--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-860 .elementor-element.elementor-element-072e760 > .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-860 .elementor-element.elementor-element-072e760 {--n-accordion-padding:0px 0px 0px 0px;}:where( .elementor-860 .elementor-element.elementor-element-072e760 > .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-860 .elementor-element.elementor-element-072e760 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-860 .elementor-element.elementor-element-9204c66{--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-860 .elementor-element.elementor-element-9204c66 > .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-860 .elementor-element.elementor-element-9204c66 {--n-accordion-padding:15px 15px 15px 15px;}:where( .elementor-860 .elementor-element.elementor-element-9204c66 > .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-860 .elementor-element.elementor-element-9204c66 > .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-860 .elementor-element.elementor-element-f511e05{--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-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-860 .elementor-element.elementor-element-a542fd8 .elementor-icon-box-wrapper{text-align:left;}.elementor-860 .elementor-element.elementor-element-a542fd8 .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-a542fd8 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-a542fd8 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-860 .elementor-element.elementor-element-a542fd8:has(:hover) .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-a542fd8:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-860 .elementor-element.elementor-element-a542fd8 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;}.elementor-860 .elementor-element.elementor-element-7cdbc07{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-860 .elementor-element.elementor-element-7cdbc07.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-860 .elementor-element.elementor-element-7cdbc07.elementor-view-framed .elementor-icon, .elementor-860 .elementor-element.elementor-element-7cdbc07.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-860 .elementor-element.elementor-element-7cdbc07 .elementor-icon{font-size:29px;}.elementor-860 .elementor-element.elementor-element-7cdbc07 .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-7cdbc07 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-7cdbc07 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-3eb7795{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-860 .elementor-element.elementor-element-3eb7795.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-860 .elementor-element.elementor-element-3eb7795.elementor-view-framed .elementor-icon, .elementor-860 .elementor-element.elementor-element-3eb7795.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-860 .elementor-element.elementor-element-3eb7795 .elementor-icon{font-size:29px;}.elementor-860 .elementor-element.elementor-element-3eb7795 .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-3eb7795 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-3eb7795 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-611f4ed{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-860 .elementor-element.elementor-element-611f4ed.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-860 .elementor-element.elementor-element-611f4ed.elementor-view-framed .elementor-icon, .elementor-860 .elementor-element.elementor-element-611f4ed.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-860 .elementor-element.elementor-element-611f4ed .elementor-icon{font-size:29px;}.elementor-860 .elementor-element.elementor-element-611f4ed .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-611f4ed .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-611f4ed .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-1cc5613{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-860 .elementor-element.elementor-element-1cc5613.elementor-view-stacked .elementor-icon{background-color:#006495;}.elementor-860 .elementor-element.elementor-element-1cc5613.elementor-view-framed .elementor-icon, .elementor-860 .elementor-element.elementor-element-1cc5613.elementor-view-default .elementor-icon{fill:#006495;color:#006495;border-color:#006495;}.elementor-860 .elementor-element.elementor-element-1cc5613 .elementor-icon{font-size:29px;}.elementor-860 .elementor-element.elementor-element-1cc5613 .elementor-icon-box-title, .elementor-860 .elementor-element.elementor-element-1cc5613 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-1cc5613 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-5e225f3{--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-860 .elementor-element.elementor-element-7a71bb4{text-align:right;}.elementor-860 .elementor-element.elementor-element-7a71bb4 .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.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{--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 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-860 .elementor-element.elementor-element-fa835da.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-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products{grid-column-gap:14px;grid-row-gap:37px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;margin-bottom:22px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-text );margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-text );margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-size:13px;font-weight:600;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .star-rating{font-size:0.1em;margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-fa835da.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-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-accent );}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-accent );}.elementor-860 .elementor-element.elementor-element-fa835da.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-860 .elementor-element.elementor-element-fa835da.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-860 .elementor-element.elementor-element-fa835da nav.woocommerce-pagination{margin-top:35px;}.elementor-860 .elementor-element.elementor-element-fa835da nav.woocommerce-pagination ul li a, .elementor-860 .elementor-element.elementor-element-fa835da nav.woocommerce-pagination ul li span{padding:14px;}.elementor-860 .elementor-element.elementor-element-fa835da nav.woocommerce-pagination ul li a{color:var( --e-global-color-secondary );}.elementor-860 .elementor-element.elementor-element-fa835da nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-accent );background-color:#006495;}@media(max-width:1024px){.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-860 .elementor-element.elementor-element-0f984ce .woocommerce-breadcrumb{text-align:center;}.elementor-860 .elementor-element.elementor-element-c8adf26 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-860 .elementor-element.elementor-element-c8adf26{text-align:center;}.elementor-860 .elementor-element.elementor-element-bbaf346{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-860 .elementor-element.elementor-element-5e47796{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-860 .elementor-element.elementor-element-506de67{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-860 .elementor-element.elementor-element-7cdbc07{--container-widget-width:651px;--container-widget-flex-grow:0;width:var( --container-widget-width, 651px );max-width:651px;}.elementor-860 .elementor-element.elementor-element-3eb7795{--container-widget-width:651px;--container-widget-flex-grow:0;width:var( --container-widget-width, 651px );max-width:651px;}.elementor-860 .elementor-element.elementor-element-611f4ed{--container-widget-width:651px;--container-widget-flex-grow:0;width:var( --container-widget-width, 651px );max-width:651px;}.elementor-860 .elementor-element.elementor-element-1cc5613{--container-widget-width:651px;--container-widget-flex-grow:0;width:var( --container-widget-width, 651px );max-width:651px;}.elementor-860 .elementor-element.elementor-element-7a71bb4 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product{text-align:center;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products{grid-column-gap:5px;grid-row-gap:6px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:11px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:11px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:0px;}.elementor-860 .elementor-element.elementor-element-fa835da.elementor-wc-products ul.products li.product .button{font-size:11px;margin-top:0px;}}@media(min-width:768px){.elementor-860 .elementor-element.elementor-element-77b2dd4{--width:100%;}.elementor-860 .elementor-element.elementor-element-9335a50{--width:100%;}.elementor-860 .elementor-element.elementor-element-7ca130f{--width:100%;}.elementor-860 .elementor-element.elementor-element-b0a2669{--width:100%;}.elementor-860 .elementor-element.elementor-element-88234ed{--width:100%;}.elementor-860 .elementor-element.elementor-element-416c475{--width:100%;}.elementor-860 .elementor-element.elementor-element-2f6e0ba{--content-width:1333px;}.elementor-860 .elementor-element.elementor-element-f716c7c{--width:33.3333%;}.elementor-860 .elementor-element.elementor-element-5e225f3{--width:66.6666%;}}/* Start custom CSS for shortcode, class: .elementor-element-ccd217d *//* 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-ccd217d *//* 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-bdc33fd *//* 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-bdc33fd *//* 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-208cda8 *//* 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-208cda8 *//* 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-ccd217d *//* 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-ccd217d *//* 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-bdc33fd *//* 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-bdc33fd *//* 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-208cda8 *//* 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-208cda8 *//* 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-fa835da *//* 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 */