.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-9b57a9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-carousel .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image-carousel .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-1961440{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-c8c734f{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2b6c7b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-7935a0a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-f82e258{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-f82e258:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-f82e258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-727ce01 );}.elementor-7 .elementor-element.elementor-element-f82e258.e-con{--align-self:center;}.elementor-widget-eael-dual-color-header .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-dual-color-header .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-dual-color-header .eael-dch-separator-wrap i{color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-56c3a9a{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-56c3a9a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header{padding:0px 0px 0px 0px;margin:0em 0em 0em 2em;}.elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header .title{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header .title span.lead{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header .title, .elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header .title span{font-family:"Roboto Flex", Sans-serif;font-weight:400;text-transform:none;}.elementor-7 .elementor-element.elementor-element-56c3a9a .eael-dual-header .subtext{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-99b515c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-99b515c:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-99b515c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-727ce01 );}.elementor-7 .elementor-element.elementor-element-99b515c.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-bdf5e97{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-bdf5e97.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header{padding:0px 0px 0px 0px;margin:0em 0em 0em 2em;}.elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header .title{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header .title span.lead{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header .title, .elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header .title span{font-family:"Roboto Flex", Sans-serif;font-weight:400;text-transform:none;}.elementor-7 .elementor-element.elementor-element-bdf5e97 .eael-dual-header .subtext{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-697ce49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-7 .elementor-element.elementor-element-697ce49:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-697ce49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-727ce01 );}.elementor-7 .elementor-element.elementor-element-697ce49.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-38e14f9{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-38e14f9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header{padding:0px 0px 0px 0px;margin:0em 0em 0em 2em;}.elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header .title{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header .title span.lead{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header .title, .elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header .title span{font-family:"Roboto Flex", Sans-serif;font-weight:400;text-transform:none;}.elementor-7 .elementor-element.elementor-element-38e14f9 .eael-dual-header .subtext{color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-5613e59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-widget-loop-grid .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-widget-loop-grid .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-2bc828d{--grid-columns:4;}.elementor-7 .elementor-element.elementor-element-2bc828d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-7 .elementor-element.elementor-element-2bc828d .e-loop-item > .elementor-section, .elementor-7 .elementor-element.elementor-element-2bc828d .e-loop-item > .elementor-section > .elementor-container, .elementor-7 .elementor-element.elementor-element-2bc828d .e-loop-item > .e-con, .elementor-7 .elementor-element.elementor-element-2bc828d .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-7 .elementor-element.elementor-element-a082c2e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-561edb6{--divider-border-style:solid;--divider-color:var( --e-global-color-eca1340 );--divider-border-width:1px;width:var( --container-widget-width, 36.518% );max-width:36.518%;--container-widget-width:36.518%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-561edb6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-561edb6 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-7 .elementor-element.elementor-element-561edb6 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-7 .elementor-element.elementor-element-376e3dc{width:var( --container-widget-width, 24.603% );max-width:24.603%;--container-widget-width:24.603%;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-376e3dc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-376e3dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-727ce01 );}.elementor-7 .elementor-element.elementor-element-567dfc9{--divider-border-style:solid;--divider-color:var( --e-global-color-eca1340 );--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-567dfc9 .elementor-divider-separator{width:100%;margin:0 auto;margin-right:0;}.elementor-7 .elementor-element.elementor-element-567dfc9 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-ad92160{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-widget-woocommerce-products .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-products .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-eca1340 );border-radius:17px 17px 17px 17px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-da3a1ae );margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-da3a1ae );margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-fbee252 );font-size:16em;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-fbee252 );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-a58c24b );background-color:var( --e-global-color-fbee252 );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;border-radius:7px 7px 7px 7px;margin-top:25px;}.elementor-7 .elementor-element.elementor-element-58448cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-ad47f91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-334b133{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-334b133:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-334b133 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-7b9b683{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-7b9b683.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-664e358{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-9d9bc9d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-a58c24b );}.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-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-099bf47 .elementor-button{background-color:var( --e-global-color-727ce01 );font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-a58c24b );color:var( --e-global-color-a58c24b );border-radius:7px 7px 7px 7px;}.elementor-7 .elementor-element.elementor-element-099bf47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2em 0em 0em 0em;}.elementor-7 .elementor-element.elementor-element-5992cf0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-7 .elementor-element.elementor-element-5992cf0:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5992cf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-7 .elementor-element.elementor-element-424a6eb img{width:100%;}.elementor-7 .elementor-element.elementor-element-b08c854{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-b08c854:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-b08c854 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-218edc1{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:2em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-218edc1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-c71842a{font-family:"Roboto", Sans-serif;font-weight:400;color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-cefa865 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:var( --e-global-color-a58c24b );}.elementor-7 .elementor-element.elementor-element-c55fa79 .elementor-button{background-color:var( --e-global-color-727ce01 );font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-a58c24b );color:var( --e-global-color-a58c24b );border-radius:7px 7px 7px 7px;}.elementor-7 .elementor-element.elementor-element-c55fa79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2em 0em 0em 0em;}.elementor-7 .elementor-element.elementor-element-3311167{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-7 .elementor-element.elementor-element-3311167:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-3311167 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-78d38d1 img{width:100%;max-width:100%;height:240px;}.elementor-7 .elementor-element.elementor-element-6c8c420{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-9fbf299{--divider-border-style:solid;--divider-color:var( --e-global-color-eca1340 );--divider-border-width:1px;width:var( --container-widget-width, 36.518% );max-width:36.518%;--container-widget-width:36.518%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-9fbf299.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-9fbf299 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-7 .elementor-element.elementor-element-9fbf299 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-32957d8{width:var( --container-widget-width, 24.603% );max-width:24.603%;--container-widget-width:24.603%;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-32957d8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-32957d8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:var( --e-global-color-727ce01 );}.elementor-7 .elementor-element.elementor-element-93e3b87{--divider-border-style:solid;--divider-color:var( --e-global-color-eca1340 );--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-93e3b87 .elementor-divider-separator{width:100%;margin:0 auto;margin-right:0;}.elementor-7 .elementor-element.elementor-element-93e3b87 .elementor-divider{text-align:right;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-27d2929{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-eca1340 );border-radius:17px 17px 17px 17px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-da3a1ae );margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-da3a1ae );margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-fbee252 );font-size:16em;margin-bottom:0px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-fbee252 );font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-fbee252 );}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-a58c24b );background-color:var( --e-global-color-fbee252 );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:500;border-radius:7px 7px 7px 7px;margin-top:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-2bc828d{--grid-columns:2;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-1961440{padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2b6c7b9{--padding-top:25px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-5613e59{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-2bc828d{--grid-columns:2;--grid-row-gap:10px;width:100%;max-width:100%;--grid-column-gap:10px;}.elementor-7 .elementor-element.elementor-element-2bc828d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-376e3dc{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-7 .elementor-element.elementor-element-ad92160{--content-width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--align-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product{text-align:left;}.elementor-7 .elementor-element.elementor-element-69fa688{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-69fa688 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .price{font-size:18px;}.elementor-7 .elementor-element.elementor-element-69fa688.elementor-wc-products ul.products li.product .button{font-size:18px;margin-top:5px;}.elementor-7 .elementor-element.elementor-element-334b133{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-7 .elementor-element.elementor-element-7b9b683{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-7 .elementor-element.elementor-element-664e358{text-align:center;font-size:1.5rem;}.elementor-7 .elementor-element.elementor-element-9d9bc9d{text-align:center;}.elementor-7 .elementor-element.elementor-element-9d9bc9d .elementor-heading-title{font-size:3rem;}.elementor-7 .elementor-element.elementor-element-099bf47{padding:15px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-099bf47 .elementor-button{font-size:18px;}.elementor-7 .elementor-element.elementor-element-424a6eb{text-align:center;}.elementor-7 .elementor-element.elementor-element-424a6eb img{width:80%;max-width:100%;height:300px;object-fit:cover;object-position:center center;}.elementor-7 .elementor-element.elementor-element-b08c854{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-7 .elementor-element.elementor-element-b08c854.e-con{--align-self:center;}.elementor-7 .elementor-element.elementor-element-218edc1{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-7 .elementor-element.elementor-element-c71842a{text-align:center;font-size:1.5rem;}.elementor-7 .elementor-element.elementor-element-cefa865{text-align:center;}.elementor-7 .elementor-element.elementor-element-cefa865 .elementor-heading-title{font-size:3rem;}.elementor-7 .elementor-element.elementor-element-c55fa79{padding:15px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-c55fa79 .elementor-button{font-size:18px;}.elementor-7 .elementor-element.elementor-element-78d38d1{text-align:center;}.elementor-7 .elementor-element.elementor-element-78d38d1 img{width:80%;height:300px;object-fit:cover;object-position:center center;}.elementor-7 .elementor-element.elementor-element-c32e453{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-c32e453 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:18px;}.elementor-7 .elementor-element.elementor-element-c32e453.elementor-wc-products ul.products li.product .price{font-size:50px;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-7935a0a{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-5613e59{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-a082c2e{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-ad92160{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-ad47f91{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-7b9b683{--width:55%;}.elementor-7 .elementor-element.elementor-element-218edc1{--width:55%;}.elementor-7 .elementor-element.elementor-element-6c8c420{--content-width:1440px;}.elementor-7 .elementor-element.elementor-element-27d2929{--content-width:1440px;}}/* Start custom CSS for loop-grid, class: .elementor-element-2bc828d */.elementor-7 .elementor-element.elementor-element-2bc828d .elementor-heading-title {
text-transform: uppercase !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5613e59 */.elementor-7 .elementor-element.elementor-element-5613e59 .elementor-loop-container .elementor-loop-item {
width: 100%;
}
@media(max-width: 767px) {
.elementor-7 .elementor-element.elementor-element-5613e59 .elementor-loop-container .elementor-loop-item {
width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-69fa688 *//* Espaciado más claro entre elementos */
#product-grid-custom.my-product-grid ul.products li.product {
display: flex;
flex-direction: column;
gap: 5px; /* Añade espacio entre todos los elementos hijos */
}
/* Estructura explícita para los elementos */
#product-grid-custom.my-product-grid ul.products li.product > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product .price {
margin-bottom: 8px !important;
}@media (min-width: 1024px) {
img.woocommerce-placeholder.wp-post-image {
width: 120px !important;
height: auto;
}
/* 1) Convertimos el en un grid de 2 columnas x 4 filas */
#product-grid-custom.my-product-grid ul.products li.product {
display: grid;
grid-template-columns: max-content 1fr;
grid-template-rows: auto auto auto auto;
column-gap: 15px;
align-items: start;
margin-bottom: 20px !important;
padding-bottom: 0 !important;
}
/* 2) Imagen abarca las 4 filas en la columna 1 y tiene altura completa */
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
grid-column: 1;
grid-row: 1 / span 4;
margin: 0;
max-width: 120px;
height: 100%;
object-fit: contain;
align-self: stretch;
/* Volvemos a añadir el borde */
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
}
/* Borde para la imagen dentro del contenedor */
#product-grid-custom.my-product-grid ul.products li.product .woocommerce-LoopProduct-link img {
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
}
/* 3) Título en columna 2, fila 1 */
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
grid-column: 2;
grid-row: 1;
margin: 0 0 6px;
text-align: left;
}
/* 4) Estrellas debajo del título en columna 2, fila 2 */
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
grid-column: 2;
grid-row: 2;
margin: 0 0 8px !important;
text-align: left;
font-size: 1em !important;
}
/* 5) Precio en columna 2, fila 3 */
#product-grid-custom.my-product-grid ul.products li.product .price {
grid-column: 2;
grid-row: 3;
margin: 0 0 8px;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 10px;
}
/* Estilo para el precio actual (no tachado) */
#product-grid-custom.my-product-grid ul.products li.product .price ins,
#product-grid-custom.my-product-grid ul.products li.product .price > .amount {
order: 1;
text-decoration: none;
margin-right: 0;
}
/* Estilo para el precio normal (tachado) */
#product-grid-custom.my-product-grid ul.products li.product .price del {
order: 2;
margin-left: 0;
}
/* Para productos sin descuento, asegurar que el precio esté a la izquierda */
#product-grid-custom.my-product-grid ul.products li.product .price:not(:has(del)) {
justify-content: flex-start;
}
/* 6) Botón en columna 2, fila 4 */
#product-grid-custom.my-product-grid ul.products li.product .button {
grid-column: 2;
grid-row: 4;
justify-self: start;
margin: 0 !important;
padding: 10px 15px !important;
}
/* 7) Aseguramos que el enlace principal no rompa el grid */
#product-grid-custom.my-product-grid ul.products li.product a.woocommerce-LoopProduct-link {
display: contents;
}
/* Botón de Add to Cart específico */
#product-grid-custom.my-product-grid ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin: 0 !important;
padding: 10px 15px !important;
padding-bottom: 10px !important;
}
/* Eliminar margen del contenedor del botón */
#product-grid-custom.my-product-grid ul.products li.product .button-container,
#product-grid-custom.my-product-grid ul.products li.product .add_to_cart_container {
margin: 0 !important;
padding: 0 !important;
}
/* Eliminar margen en el contenedor del enlace add to cart */
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin-bottom: 0 !important;
}
/* Eliminar pantalla del lector */
#product-grid-custom.my-product-grid ul.products li.product .screen-reader-text {
display: none;
}
}
/* Estilos comunes para dispositivos móviles */
@media (max-width: 1023px) and (min-width: 481px) {
/* Establece 2 columnas para tablets */
#product-grid-custom.my-product-grid ul.products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
#product-grid-custom.my-product-grid ul.products li.product {
text-align: center;
margin-bottom: 0;
padding-bottom: 0 !important;
width: 100% !important;
margin-right: 0 !important;
}
/* Invertir el orden en móvil también */
#product-grid-custom.my-product-grid ul.products li.product .price ins,
#product-grid-custom.my-product-grid ul.products li.product .price > .amount {
order: 1;
}
#product-grid-custom.my-product-grid ul.products li.product .price del {
order: 2;
}
/* Añadir borde a imagen en móvil también */
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail,
#product-grid-custom.my-product-grid ul.products li.product .woocommerce-LoopProduct-link img {
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
max-height: 160px;
}
/* Corregir el padding del botón Add to cart en móvil */
#product-grid-custom.my-product-grid ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin: 0 auto !important;
padding: 10px 15px !important;
padding-bottom: 10px !important;
width: 80% !important;
max-width: 120px !important;
}
/* Eliminar margen del contenedor del botón */
#product-grid-custom.my-product-grid ul.products li.product .button-container,
#product-grid-custom.my-product-grid ul.products li.product .add_to_cart_container {
margin: 0 !important;
padding: 0 !important;
}
/* Asegurar que WooCommerce no imponga sus propios márgenes */
#product-grid-custom.my-product-grid ul.products[class*=columns-] li.product {
width: 100% !important;
margin-right: 0 !important;
}
}
/* CSS optimizado para móviles */
@media (max-width: 1023px) {
/* Espaciado más claro entre elementos */
#product-grid-custom.my-product-grid ul.products li.product {
display: flex;
flex-direction: column;
gap: 5px; /* Añade espacio entre todos los elementos hijos */
}
/* Estructura explícita para los elementos */
#product-grid-custom.my-product-grid ul.products li.product > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
margin-bottom: 8px !important;
}
#product-grid-custom.my-product-grid ul.products li.product .price {
margin-bottom: 8px !important;
}
@media (min-width: 1024px) {
/* 1) Convertimos el en un grid de 2 columnas x 4 filas */
#product-grid-custom.my-product-grid ul.products li.product {
display: grid;
grid-template-columns: max-content 1fr;
grid-template-rows: auto auto auto auto;
column-gap: 15px;
align-items: start;
margin-bottom: 20px !important;
padding-bottom: 0 !important;
}
/* 2) Imagen abarca las 4 filas en la columna 1 y tiene altura completa */
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
grid-column: 1;
grid-row: 1 / span 4;
margin: 0;
max-width: 120px;
height: 100%;
object-fit: contain;
align-self: stretch;
/* Volvemos a añadir el borde */
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
}
/* Borde para la imagen dentro del contenedor */
#product-grid-custom.my-product-grid ul.products li.product .woocommerce-LoopProduct-link img {
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
}
/* 3) Título en columna 2, fila 1 */
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
grid-column: 2;
grid-row: 1;
margin: 0 0 6px;
text-align: left;
}
/* 4) Estrellas debajo del título en columna 2, fila 2 */
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
grid-column: 2;
grid-row: 2;
margin: 0 0 8px !important;
text-align: left;
font-size: 1em !important;
}
/* 5) Precio en columna 2, fila 3 */
#product-grid-custom.my-product-grid ul.products li.product .price {
grid-column: 2;
grid-row: 3;
margin: 0 0 8px;
text-align: left;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
gap: 10px;
}
/* Estilo para el precio actual (no tachado) */
#product-grid-custom.my-product-grid ul.products li.product .price ins,
#product-grid-custom.my-product-grid ul.products li.product .price > .amount {
order: 1;
text-decoration: none;
margin-right: 0;
}
/* Estilo para el precio normal (tachado) */
#product-grid-custom.my-product-grid ul.products li.product .price del {
order: 2;
margin-left: 0;
}
/* Para productos sin descuento, asegurar que el precio esté a la izquierda */
#product-grid-custom.my-product-grid ul.products li.product .price:not(:has(del)) {
justify-content: flex-start;
}
/* 6) Botón en columna 2, fila 4 */
#product-grid-custom.my-product-grid ul.products li.product .button {
grid-column: 2;
grid-row: 4;
justify-self: start;
margin: 0 !important;
padding: 10px 15px !important;
}
/* 7) Aseguramos que el enlace principal no rompa el grid */
#product-grid-custom.my-product-grid ul.products li.product a.woocommerce-LoopProduct-link {
display: contents;
}
/* Botón de Add to Cart específico */
#product-grid-custom.my-product-grid ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin: 0 !important;
padding: 10px 15px !important;
padding-bottom: 10px !important;
}
/* Eliminar margen del contenedor del botón */
#product-grid-custom.my-product-grid ul.products li.product .button-container,
#product-grid-custom.my-product-grid ul.products li.product .add_to_cart_container {
margin: 0 !important;
padding: 0 !important;
}
/* Eliminar margen en el contenedor del enlace add to cart */
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin-bottom: 0 !important;
}
/* Eliminar pantalla del lector */
#product-grid-custom.my-product-grid ul.products li.product .screen-reader-text {
display: none;
}
}
/* Estilos comunes para dispositivos móviles */
@media (max-width: 1023px) and (min-width: 481px) {
/* Establece 2 columnas para tablets */
#product-grid-custom.my-product-grid ul.products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
#product-grid-custom.my-product-grid ul.products li.product {
text-align: center;
margin-bottom: 0;
padding-bottom: 0 !important;
width: 100% !important;
margin-right: 0 !important;
}
/* Invertir el orden en móvil también */
#product-grid-custom.my-product-grid ul.products li.product .price ins,
#product-grid-custom.my-product-grid ul.products li.product .price > .amount {
order: 1;
}
#product-grid-custom.my-product-grid ul.products li.product .price del {
order: 2;
}
/* Añadir borde a imagen en móvil también */
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail,
#product-grid-custom.my-product-grid ul.products li.product .woocommerce-LoopProduct-link img {
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
max-height: 160px;
}
/* Corregir el padding del botón Add to cart en móvil */
#product-grid-custom.my-product-grid ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin: 0 auto !important;
padding: 10px 15px !important;
padding-bottom: 10px !important;
width: 80% !important;
max-width: 120px !important;
}
/* Eliminar margen del contenedor del botón */
#product-grid-custom.my-product-grid ul.products li.product .button-container,
#product-grid-custom.my-product-grid ul.products li.product .add_to_cart_container {
margin: 0 !important;
padding: 0 !important;
}
/* Asegurar que WooCommerce no imponga sus propios márgenes */
#product-grid-custom.my-product-grid ul.products[class*=columns-] li.product {
width: 100% !important;
margin-right: 0 !important;
}
}
/* CSS optimizado para móviles */
@media (max-width: 1023px) {
/* Reorganizar los productos en una sola columna */
#product-grid-custom.my-product-grid ul.products {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
/* 1) Estructura general del producto */
#product-grid-custom.my-product-grid ul.products li.product {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 15px !important;
padding-bottom: 0 !important;
text-align: center !important;
width: 100% !important;
max-width: 100% !important;
}
/* 2) Imagen del producto */
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
width: 100%;
max-width: 180px;
height: auto;
object-fit: contain;
margin: 0 auto 10px;
border: 1px solid #e0e0e0 !important;
border-radius: 5px !important;
padding: 5px !important;
box-shadow: none !important;
}
/* 3) Título del producto - AUMENTO DE TAMAÑO A 16-18px */
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
margin: 0 auto 10px !important;
text-align: center !important;
font-size: 16px !important; /* Aumentado de 14px a 16px */
width: 100%;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4 !important; /* Ajustado para mejor legibilidad */
min-height: 42px; /* Ajustado para la nueva altura de fuente */
padding: 0 5px;
}
/* 4) Estrellas de valoración */
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
margin: 0 auto 10px !important;
font-size: 1em !important; /* Aumentado ligeramente */
float: none !important;
clear: both !important;
}
/* 5) Precio - AUMENTO DE TAMAÑO */
#product-grid-custom.my-product-grid ul.products li.product .price {
margin: 0 auto 10px !important;
text-align: center !important;
display: flex;
flex-direction: row;
justify-content: center !important;
align-items: center;
width: 100%;
gap: 8px;
}
/* Precio actual (no tachado) - AUMENTADO */
#product-grid-custom.my-product-grid ul.products li.product .price ins,
#product-grid-custom.my-product-grid ul.products li.product .price > .amount {
order: 1;
text-decoration: none;
margin-right: 0;
font-size: 18px !important; /* Aumentado de 14px a 18px */
font-weight: bold; /* Añadido para mejor legibilidad */
}
/* Precio tachado - AUMENTADO */
#product-grid-custom.my-product-grid ul.products li.product .price del {
order: 2;
margin-left: 0;
font-size: 16px !important; /* Aumentado de 13px a 16px */
}
/* 6) Botón Add to cart - AUMENTADO */
#product-grid-custom.my-product-grid ul.products li.product .button {
margin: 0 auto !important;
padding: 12px 20px !important; /* Ligeramente más grande */
font-size: 16px !important; /* Aumentado de 13px a 16px */
width: 80% !important;
max-width: 150px !important;
text-align: center !important;
}
/* 7) Aseguramos que el enlace principal no rompa la estructura */
#product-grid-custom.my-product-grid ul.products li.product a.woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
/* Botón de Add to Cart específico - AJUSTADO */
#product-grid-custom.my-product-grid ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
#product-grid-custom.my-product-grid ul.products li.product a[class*="add_to_cart"] {
margin: 0 !important;
padding: 10px 15px !important;
padding-bottom: 10px !important;
text-align: center !important;
line-height: 1.3 !important; /* Ajustado para mejor legibilidad */
font-size: 16px !important; /* Aumentado a 16px */
}
/* Eliminar margen del contenedor del botón */
#product-grid-custom.my-product-grid ul.products li.product .button-container,
#product-grid-custom.my-product-grid ul.products li.product .add_to_cart_container {
margin: 0 !important;
padding: 0 !important;
}
/* Eliminar pantalla del lector */
#product-grid-custom.my-product-grid ul.products li.product .screen-reader-text {
display: none;
}
/* Asegurar buen espaciado entre productos */
#product-grid-custom.my-product-grid ul.products {
row-gap: 15px !important;
}
/* Ajustes para móviles más pequeños */
@media (max-width: 480px) {
/* Mantener vista de dos columnas para dispositivos pequeños pero con productos más estrechos */
#product-grid-custom.my-product-grid ul.products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#product-grid-custom.my-product-grid ul.products li.product {
margin-bottom: 5px !important;
}
#product-grid-custom.my-product-grid ul.products li.product img.attachment-woocommerce_thumbnail {
max-width: 120px;
}
/* Título más grande incluso en móviles pequeños */
#product-grid-custom.my-product-grid ul.products li.product h2.woocommerce-loop-product__title {
font-size: 16px !important; /* Mantenemos 16px incluso en pantallas pequeñas */
margin-bottom: 8px !important;
max-width: 120px;
min-height: 42px; /* Ajustado para la nueva altura de texto */
}
/* Ajuste de las estrellas en móviles pequeños */
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
margin-top: 4px !important;
margin-bottom: 8px !important;
font-size: 0.9em !important; /* Ligeramente más grande */
}
#product-grid-custom.my-product-grid ul.products li.product .star-rating {
margin-bottom: 5px !important;
}
/* Precio en móviles pequeños */
#product-grid-custom.my-product-grid ul.products li.product .price {
font-size: 16px !important; /* Mantenemos el tamaño aumentado */
margin-bottom: 5px !important;
}
/* Botón en móviles pequeños */
#product-grid-custom.my-product-grid ul.products li.product .button {
padding: 8px 12px !important;
font-size: 16px !important; /* Mantenemos 16px */
width: 90% !important;
}
}
}
}/* End custom CSS */