.elementor-6495 .elementor-element.elementor-element-a9e6ba6 > .elementor-container{max-width:815px;}.elementor-6495 .elementor-element.elementor-element-a9e6ba6{margin-top:0px;margin-bottom:0px;padding:05px 0px 10px 0px;}.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-6495 .elementor-element.elementor-element-8cb0cfb{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb .elementor-icon-box-wrapper{text-align:center;gap:5px;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb .elementor-icon-box-title{margin-block-end:3px;color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#FFFFFF;color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-8cb0cfb.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb .elementor-icon{font-size:22px;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-8cb0cfb .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-decoration:none;}.elementor-6495 .elementor-element.elementor-element-8cb0cfb:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-8cb0cfb:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-fd2a952{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-fd2a952 .elementor-icon-box-wrapper{text-align:center;gap:5px;}.elementor-6495 .elementor-element.elementor-element-fd2a952 .elementor-icon-box-title{margin-block-end:3px;color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-fd2a952.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#FFFFFF;color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-fd2a952.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-fd2a952.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-fd2a952.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-fd2a952 .elementor-icon{font-size:22px;}.elementor-6495 .elementor-element.elementor-element-fd2a952 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-fd2a952 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-decoration:none;}.elementor-6495 .elementor-element.elementor-element-fd2a952:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-fd2a952:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-5104c3d{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-5104c3d .elementor-icon-box-wrapper{text-align:center;gap:5px;}.elementor-6495 .elementor-element.elementor-element-5104c3d .elementor-icon-box-title{margin-block-end:3px;color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-5104c3d.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#FFFFFF;color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-5104c3d.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-5104c3d.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-5104c3d.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-5104c3d .elementor-icon{font-size:22px;}.elementor-6495 .elementor-element.elementor-element-5104c3d .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-5104c3d .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-decoration:none;}.elementor-6495 .elementor-element.elementor-element-5104c3d:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-5104c3d:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-1672123{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-1672123 .elementor-icon-box-wrapper{text-align:center;gap:5px;}.elementor-6495 .elementor-element.elementor-element-1672123 .elementor-icon-box-title{margin-block-end:3px;color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-1672123.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#FFFFFF;color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-1672123.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-1672123.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-1672123.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-1672123 .elementor-icon{font-size:22px;}.elementor-6495 .elementor-element.elementor-element-1672123 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-1672123 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-decoration:none;}.elementor-6495 .elementor-element.elementor-element-1672123:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-1672123:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-43c7e07{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-43c7e07 .elementor-icon-box-wrapper{text-align:center;gap:5px;}.elementor-6495 .elementor-element.elementor-element-43c7e07 .elementor-icon-box-title{margin-block-end:3px;color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-43c7e07.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#FFFFFF;color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-43c7e07.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-43c7e07.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-43c7e07.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-6495 .elementor-element.elementor-element-43c7e07 .elementor-icon{font-size:22px;}.elementor-6495 .elementor-element.elementor-element-43c7e07 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-43c7e07 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-decoration:none;}.elementor-6495 .elementor-element.elementor-element-43c7e07:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-43c7e07:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .premium-carousel-nav-fraction{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-carousel-widget ul.slick-dots li{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget ul.slick-dots li svg{fill:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .fraction-pagination-total{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget .fraction-pagination-separator{color:var( --e-global-color-secondary );}.elementor-widget-premium-carousel-widget ul.slick-dots li.slick-active{color:var( --e-global-color-primary );}.elementor-widget-premium-carousel-widget ul.slick-dots li.slick-active svg{fill:var( --e-global-color-primary );}.elementor-widget-premium-carousel-widget .fraction-pagination-current{color:var( --e-global-color-primary );}.elementor-6495 .elementor-element.elementor-element-53484f7 .premium-carousel-scale .slick-slide{transition:all 300ms !important;}.elementor-6495 .elementor-element.elementor-element-53484f7 .premium-carousel-nav-progressbar-fill{transition-duration:300ms !important;}.elementor-6495 .elementor-element.elementor-element-4098784 > .elementor-background-overlay{opacity:0.79;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6495 .elementor-element.elementor-element-4098784{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-6495 .elementor-element.elementor-element-c454864 > .elementor-element-populated{margin:0px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .elementor-repeater-item-e2fd00b .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/1-1-1.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .elementor-repeater-item-8821ffc .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/3-4.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .elementor-repeater-item-7d45d65 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/2-1-1.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .elementor-repeater-item-4c3e333 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/4-2.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .elementor-repeater-item-5e771c9 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/5-categorias.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .swiper-slide{transition-duration:calc(5000ms*1.2);height:480px;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .swiper-slide-contents{max-width:21%;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .swiper-slide-inner{text-align:center;}.elementor-6495 .elementor-element.elementor-element-1201c8e > .elementor-container{max-width:1290px;}.elementor-6495 .elementor-element.elementor-element-1201c8e > .elementor-background-overlay{opacity:0.79;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6495 .elementor-element.elementor-element-1201c8e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:1;}.elementor-6495 .elementor-element.elementor-element-da4b208 > .elementor-element-populated{margin:0px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .elementor-repeater-item-8821ffc .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/1-1-1.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .elementor-repeater-item-e2fd00b .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/3-4.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .elementor-repeater-item-b477a02 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/2-1-1.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .elementor-repeater-item-b481a3f .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/4-2.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .elementor-repeater-item-6198a56 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://agapeparaguay.com/wp-content/uploads/2025/11/5-categorias.png);background-size:cover;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .swiper-slide{transition-duration:calc(5000ms*1.2);height:480px;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .swiper-slide-contents{max-width:21%;}.elementor-6495 .elementor-element.elementor-element-d1cb090 .swiper-slide-inner{text-align:center;}.elementor-6495 .elementor-element.elementor-element-20c00cc > .elementor-container{max-width:1250px;}.elementor-6495 .elementor-element.elementor-element-ff326c0 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-ff326c0 > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-ff326c0 > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-ff326c0 > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-00646e4{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-00646e4 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-00646e4 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-00646e4.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-00646e4.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-00646e4.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-00646e4.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-00646e4 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-00646e4 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-00646e4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-00646e4:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-00646e4:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-434b92d > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-434b92d > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-434b92d > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-434b92d > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-14dc509{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-14dc509 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-14dc509 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-14dc509.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-14dc509.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-14dc509.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-14dc509.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-14dc509 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-14dc509 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-14dc509 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-14dc509:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-14dc509:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-12cd71e > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-12cd71e > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-12cd71e > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-12cd71e > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-5796e27{width:var( --container-widget-width, 99.898% );max-width:99.898%;--container-widget-width:99.898%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-5796e27 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-5796e27 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-5796e27.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-5796e27.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-5796e27.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-5796e27.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-5796e27 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-5796e27 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-5796e27 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-5796e27:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-5796e27:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-6dc9ef9 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-6dc9ef9 > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-6dc9ef9 > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-6dc9ef9 > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-273f116{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-273f116 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-273f116 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-273f116.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-273f116.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-273f116.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-273f116.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-273f116 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-273f116 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-273f116 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-273f116:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-273f116:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-b115189{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-b115189.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-b115189.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-b115189.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-b115189.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-b115189:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b115189:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-50ac5f1.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-50ac5f1.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-50ac5f1.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-50ac5f1.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-50ac5f1:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-50ac5f1:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-6ca8b4c.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-6ca8b4c:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000029;margin:4px 4px 4px 4px;--e-column-margin-right:4px;--e-column-margin-left:4px;padding:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-element-populated, .elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-element-populated > .elementor-background-overlay, .elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-background-slideshow{border-radius:9px 9px 9px 9px;}.elementor-6495 .elementor-element.elementor-element-b823417{width:var( --container-widget-width, 99.901% );max-width:99.901%;--container-widget-width:99.901%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-wrapper{align-items:start;gap:16px;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-title{margin-block-end:6px;color:#474747;}.elementor-6495 .elementor-element.elementor-element-b823417.elementor-view-stacked .elementor-icon{background-color:#D3A227;fill:#363232;color:#363232;}.elementor-6495 .elementor-element.elementor-element-b823417.elementor-view-framed .elementor-icon, .elementor-6495 .elementor-element.elementor-element-b823417.elementor-view-default .elementor-icon{fill:#D3A227;color:#D3A227;border-color:#D3A227;}.elementor-6495 .elementor-element.elementor-element-b823417.elementor-view-framed .elementor-icon{background-color:#363232;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon{font-size:15px;border-radius:5px 5px 5px 5px;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;}.elementor-6495 .elementor-element.elementor-element-b823417:has(:hover) .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b823417:has(:focus) .elementor-icon-box-title{color:#1F1F1F;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-6495 .elementor-element.elementor-element-ab84ef7:not(.elementor-motion-effects-element-type-background), .elementor-6495 .elementor-element.elementor-element-ab84ef7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A5A39F;}.elementor-6495 .elementor-element.elementor-element-ab84ef7 > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-ab84ef7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-ab84ef7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-6495 .elementor-element.elementor-element-aeee8d8{width:var( --container-widget-width, 93.985% );max-width:93.985%;--container-widget-width:93.985%;--container-widget-flex-grow:0;}.elementor-6495 .elementor-element.elementor-element-aeee8d8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-aeee8d8 img{border-radius:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-6d38822 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6495 .elementor-element.elementor-element-6d38822 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-ec72daa > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-ec72daa span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-ec72daa .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-ec72daa .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-5f8e188 > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-5f8e188{margin-top:40px;margin-bottom:0px;}.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-6495 .elementor-element.elementor-element-430af95 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:24px;font-weight:400;color:#000000;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-326f0c0 span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-326f0c0 .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-0052fe6 > .elementor-container{max-width:1260px;}.elementor-6495 .elementor-element.elementor-element-3b93c44 img{border-radius:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-b1b0621 img{border-radius:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-0025740 > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-0025740{margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-40a9e98 span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-40a9e98 .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-253b8a9 > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-253b8a9{margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-5401b96 span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-5401b96 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-5401b96 .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-de73a7e > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-de73a7e{margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-69d979b span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-69d979b .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-69d979b .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-69d979b .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-69d979b .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-42fc0a2 > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-42fc0a2{margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-24db943 span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-24db943 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-24db943 .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-24db943 .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-24db943 .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-9b4b64d > .elementor-container{max-width:1252px;}.elementor-6495 .elementor-element.elementor-element-9b4b64d{margin-top:40px;margin-bottom:0px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-action ul{background-color:#FFFDF7;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-inner .ht-product-categories:not(.ht-product-brand){display:none !important;padding-left:0 !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-inner .ht-product-categories:not(.ht-product-brand)::before{display:none !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-inner .ht-product-ratting-wrap{display:none !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-image-wrap .ht-product-label{display:none !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .woocommerce div.product.mb-30{padding:0px 3px 0px 3px;margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner{border-radius:0px 0px 0px 0px;border-color:#0000003B;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner:hover{box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content{padding:7px 7px 7px 7px;background-color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label{color:#FFFFFF;background-color:#0DA322;font-size:16px;padding:0px 06px 0px 6px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-image-wrap .ht-product-label.ht-stockout{color:#FCFCFC !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand)::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-categories:not(.ht-product-brand) a:hover{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a{color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand::before{background-color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-brand a:hover{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a{font-size:13px;color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title a:hover{color:#050505;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span{color:#F52525;font-size:18px;word-spacing:0px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del span,.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price span del{color:#444444;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-price{margin:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i.empty{color:#aaaaaa;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting .ht-product-user-ratting i{color:#dc9a0e;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-action ul li a .ht-product-action-tooltip,.elementor-6495 .elementor-element.elementor-element-0440aee span.woolentor-tip{color:#ffffff;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-action ul li a{color:#000000;width:24px;height:28px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-action ul li a i{font-size:15px;line-height:36px;}.elementor-6495 .elementor-element.elementor-element-0440aee .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-action ul li.woolentor-cart a::before{font-size:15px;}.elementor-6495 .elementor-element.elementor-element-0440aee .woolentor-compare.compare::before,.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-action ul li.woolentor-cart a,.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-action ul li.woolentor-cart a::before{line-height:36px;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-products .ht-product .ht-product-inner .ht-product-action ul li:hover a{color:#6E1E2E;}.elementor-6495 .elementor-element.elementor-element-0440aee .ht-product-action .yith-wcwl-wishlistaddedbrowse a, .ht-product-action .yith-wcwl-wishlistexistsbrowse a{color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-arrow{top:50%;color:#FFFFFF;background-color:#6E1E2E !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-dots{left:50%;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-dots li button{background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-arrow:hover{color:#23252a;background-color:#ffffff !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-dots li button:hover{background-color:#282828 !important;}.elementor-6495 .elementor-element.elementor-element-0440aee .product-slider .slick-dots li.slick-active button{background-color:#282828 !important;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6495 .elementor-element.elementor-element-a1772dc .elementor-button{background-color:#e3c371;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;fill:#090909;color:#090909;}.elementor-6495 .elementor-element.elementor-element-a1772dc > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-6495 .elementor-element.elementor-element-d9adc48 > .elementor-container{max-width:1272px;}.elementor-6495 .elementor-element.elementor-element-393ac90 img{border-radius:20px 20px 20px 20px;}.elementor-6495 .elementor-element.elementor-element-1c39e5f > .elementor-container{max-width:1300px;}.elementor-6495 .elementor-element.elementor-element-0005a97 img{border-radius:20px 20px 20px 20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6495 .elementor-element.elementor-element-2a553d3{width:28.025%;}.elementor-6495 .elementor-element.elementor-element-6d38822{width:71.975%;}}@media(max-width:767px){.elementor-6495 .elementor-element.elementor-element-4098784{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-c454864 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6495 .elementor-element.elementor-element-9af9ca3 .swiper-slide{height:150px;}.elementor-6495 .elementor-element.elementor-element-e0948ad{padding:10px 10px 10px 10px;}.elementor-6495 .elementor-element.elementor-element-1fc1b10{width:50%;}.elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:1px;}.elementor-6495 .elementor-element.elementor-element-1fc1b10 > .elementor-element-populated{margin:0px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;padding:10px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-b115189 > .elementor-widget-container{margin:0px 0px 3px 5px;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-title a{font-size:13px;}.elementor-6495 .elementor-element.elementor-element-b115189 .elementor-icon-box-description{font-size:11px;}.elementor-6495 .elementor-element.elementor-element-6f28618{width:50%;}.elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:1px;}.elementor-6495 .elementor-element.elementor-element-6f28618 > .elementor-element-populated{margin:0px 0px 0px 5px;--e-column-margin-right:0px;--e-column-margin-left:5px;padding:10px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-title a{font-size:13px;}.elementor-6495 .elementor-element.elementor-element-50ac5f1 .elementor-icon-box-description{font-size:11px;}.elementor-6495 .elementor-element.elementor-element-5a352ec{width:50%;}.elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:1px;}.elementor-6495 .elementor-element.elementor-element-5a352ec > .elementor-element-populated{margin:10px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;padding:10px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c > .elementor-widget-container{margin:0px 0px 3px 5px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-title a{font-size:13px;}.elementor-6495 .elementor-element.elementor-element-6ca8b4c .elementor-icon-box-description{font-size:11px;}.elementor-6495 .elementor-element.elementor-element-6f864cb{width:50%;}.elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:1px;}.elementor-6495 .elementor-element.elementor-element-6f864cb > .elementor-element-populated{margin:10px 5px 0px 0px;--e-column-margin-right:5px;--e-column-margin-left:0px;padding:10px 0px 0px 0px;}.elementor-6495 .elementor-element.elementor-element-b823417 > .elementor-widget-container{margin:0px 0px 3px 5px;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:10px;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-title, .elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-title a{font-size:13px;}.elementor-6495 .elementor-element.elementor-element-b823417 .elementor-icon-box-description{font-size:11px;}.elementor-6495 .elementor-element.elementor-element-2a553d3.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6495 .elementor-element.elementor-element-430af95 .elementor-heading-title{font-size:20px;}}/* Start custom CSS for woolentor-universal-product, class: .elementor-element-ec72daa */.button .product_type_simple .add_to_cart_button .ajax_add_to_carta::before { display: none !IMPORTANT; } /* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-326f0c0 *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-40a9e98 *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-5401b96 *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-69d979b *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-24db943 *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */ /* Start custom CSS for woolentor-universal-product, class: .elementor-element-0440aee *//* ========================================================= 1. CORRECCIÓN DE POSICIÓN DEL CONTENEDOR (LO MUEVE ARRIBA) ========================================================= */ .ht-product-action, .ht-product-action-style-2 .ht-product-action { position: absolute !important; top: 0 !important; /* Pegado al borde superior */ bottom: auto !important; /* Ignora el borde inferior */ right: 0 !important; /* Pegado al borde derecho */ left: auto !important; /* Ignora el borde izquierdo */ transform: none !important; /* ¡IMPORTANTE! Elimina el centrado automático */ width: auto !important; height: auto !important; margin: 10px !important; /* Espacio de separación desde la esquina (10px) */ padding: 0 !important; z-index: 99 !important; } /* ========================================================= 2. ESTILO DE LA LISTA (UL) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area { background-color: transparent !important; box-shadow: none !important; padding: 0 !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: column !important; /* Uno debajo del otro */ gap: 8px !important; /* Espacio entre botones */ /* Como ya movimos el contenedor padre, aquí reseteamos posición */ position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; } /* ========================================================= 3. LIMPIEZA DE ITEMS (LI) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li { background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important; box-shadow: none !important; list-style: none !important; } /* ========================================================= 4. ESTÉTICA DE BOTONES (BURBUJAS BLANCAS) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button { background-color: #ffffff !important; color: #333333 !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; border: 1px solid #e5e5e5 !important; display: flex !important; align-items: center; justify-content: center; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important; transition: all 0.3s ease !important; } /* ========================================================= 5. ICONOS (CENTRADOS Y TAMAÑO) ========================================================= */ /* Carrito */ .ht-product-action ul.woolentor-action-btn-area li a i { font-size: 18px !important; color: #333333 !important; margin: 0 !important; } /* Corazón (Centrado óptico) */ .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:before, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button i { font-size: 20px !important; line-height: 1 !important; color: #333333 !important; margin: 0 !important; margin-left: 2px !important; /* Ajuste fino a la derecha */ margin-top: 2px !important; /* Ajuste fino abajo */ display: block !important; } /* ========================================================= 6. HOVER (EFECTO AL PASAR EL MOUSE) ========================================================= */ .ht-product-action ul.woolentor-action-btn-area li a:hover, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .ht-product-action ul.woolentor-action-btn-area li a:hover i, .ht-product-action ul.woolentor-action-btn-area li .tinvwl_add_to_wishlist_button:hover:before { color: #ffffff !important; } .slick-track { display: flex; align-items: stretch; } .slick-slide > div, .product-card { /* La tarjeta principal dentro del slide */ height: 100%; display: flex; flex-direction: column; /* Para apilar contenido y empujar el botón al final */ } /* Aplica 'display: flex' y 'align-items: stretch' al CONTENEDOR de las tarjetas. Esto fuerza a los ítems hijos directos (los .slick-slide) a tener la misma altura. */ .slick-track { display: flex; /* 'align-items: stretch;' es el valor por defecto y asegura que los ítems llenen el contenedor. No es estrictamente necesario declararlo si no se ha sobrescrito, pero es una buena práctica. */ align-items: stretch; } /* Asegura que el DIV o el elemento DENTRO del .slick-slide que contiene realmente la información (precio, título, imagen) se estire también al 100% de la altura de su padre. */ .slick-slide > div { /* Esto es crucial si Slick envuelve cada slide en un 'div' adicional. */ height: 100%; } /* Finalmente, el contenido de la tarjeta (el cuadro de producto) debe tener height: 100% para ocupar toda la altura del .slick-slide o el div intermedio. Basado en tu código, puede ser el div con la información del producto. */ .product-slide-wrapper { /* Reemplaza con la clase real de la tarjeta de producto */ height: 100%; /* Si tienes elementos en la parte inferior de la tarjeta que quieres mantener abajo (como el botón "En stock"), puedes aplicar display: flex; y flex-direction: column; aquí. */ display: flex; flex-direction: column; } /* Si el título es el que empuja hacia abajo el resto del contenido, y quieres que el botón de "En Stock" siempre esté abajo, puedes usar: */ .product-info-container { /* Reemplaza con la clase real del contenedor de info/texto */ flex-grow: 1; /* Esto hace que el contenedor de la info crezca y empuje el botón hacia abajo */ } a.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt.tinvwl-position-after { width: 20px !important; } /* ===== ESTILO DEL BADGE EN EL SLIDER DE SHOPLENTOR ===== */ /* Pastilla de stock en el slider: mismo look que .estado-stock del archive */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { display: inline-flex !important; /* compacto, no ocupa todo el ancho */ align-items: center; justify-content: center; height: 28px; /* altura fija para alinear títulos */ padding: 0 12px !important; /* igual que en archive */ border-radius: 8px; font-size: 11px; font-weight: 600; margin: 6px auto 6px auto !important; width: auto !important; /* evita que se estire */ text-align: center; } /* En stock (verde, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-si { background: #5cbb54; color: #fff; } /* Agotado (rojo, igual que archive) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider.stock-no { background: #d7263d; color: #fff; } /* === LAYOUT DEL CONTENIDO EN EL SLIDER DE SHOPLENTOR === */ /* Hacemos que el bloque de contenido sea un flex vertical centrado */ .ht-products .ht-product .ht-product-inner .ht-product-content-inner { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; } /* 1) Badge de stock (ya está primero, pero lo marcamos igual) */ .ht-products .ht-product .ht-product-inner .estado-stock-slider { order: 1 !important; } /* 2) Precio debajo del badge */ .ht-products .ht-product .ht-product-inner .ht-product-price { order: 2 !important; width: 100%; text-align: center !important; margin-top: 4px; margin-bottom: 4px; } /* 3) Título debajo del precio */ .ht-products .ht-product .ht-product-inner .ht-product-title { order: 3 !important; width: 100%; text-align: center !important; margin-top: 4px; } /* (Opcional) Categoría, si querés que quede arriba del todo o esconderla */ .ht-products .ht-product .ht-product-inner .ht-product-categories { order: 0 !important; /* poné 0 si la querés antes del badge */ /* display: none; */ /* descomentá esto si NO querés mostrarla */ } /* (Opcional) rating, si lo usás, que quede debajo del título */ .ht-products .ht-product .ht-product-inner .ht-product-rating-wrap { order: 4 !important; text-align: center !important; } /* --- CENTRAR PRECIO EN EL SLIDER DE SHOPLENTOR --- */ /* Centra el contenedor del precio */ .ht-products .ht-product .ht-product-inner .ht-product-price { text-align: center !important; width: 100% !important; } /* Centra el texto del precio (incluye tachado y oferta) */ .ht-products .ht-product .ht-product-inner .ht-product-price .price { display: block !important; text-align: center !important; width: 100% !important; } /* Centra el precio tachado (del) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { display: block !important; text-align: center !important; margin-bottom: 2px; } /* Reducir tamaño del precio anterior (tachado) */ .ht-products .ht-product .ht-product-inner .ht-product-price del { font-size: 12px !important; /* AJUSTÁ EL TAMAÑO A GUSTO */ opacity: 0.7 !important; /* opcional: un gris más suave */ } /* Si la temática usa un interno, también lo reducimos */ .ht-products .ht-product .ht-product-inner .ht-product-price del bdi { font-size: 14px !important; } .ht-products .ht-product.ht-product-action-right .ht-product-inner .ht-product-action { left: auto; right: 5px; top: 70px; } /* === BOTONES FLOTANTES DEL SLIDER (SHOPLENTOR) CON ESTILO ASTRA === */ /* Contenedor
  • de los iconos (wishlist, carrito, etc.) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li { background: transparent !important; box-shadow: none !important; margin: 0 4px !important; } /* Enlace del icono: mismo look que la bolsita de Astra */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a { width: 34px !important; height: 34px !important; border-radius: 50% !important; background: #ffffff !important; border: 1px solid #d0d0d0 !important; box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; } /* Icono interno (svg o ) igual de tamaño que en el archive */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a svg, .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a i { width: 17px !important; height: 17px !important; margin: 0 !important; } /* Cuando el producto YA está en la wishlist (corazón rojo, igual que antes) */ .ht-products .ht-product .ht-product-action-inner .ht-product-action ul li a.tinvwl-product-in-list { background: #ff4d4d !important; border-color: #ff4d4d !important; color: #ffffff !important; }/* End custom CSS */