.elementor-702 .elementor-element.elementor-element-64dd863{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-c1a3b60{--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-702 .elementor-element.elementor-element-9db1796 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-9db1796 img{width:100%;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-702 .elementor-element.elementor-element-594e2e7 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-702 .elementor-element.elementor-element-594e2e7 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-702 .elementor-element.elementor-element-594e2e7{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.woocommerce .elementor-702 .elementor-element.elementor-element-2b8ac9a .flex-viewport:not(:last-child){margin-bottom:8px;}.woocommerce .elementor-702 .elementor-element.elementor-element-2b8ac9a .flex-control-thumbs li{padding-right:calc(8px / 2);padding-left:calc(8px / 2);padding-bottom:8px;}.woocommerce .elementor-702 .elementor-element.elementor-element-2b8ac9a .flex-control-thumbs{margin-right:calc(-8px / 2);margin-left:calc(-8px / 2);}.elementor-702 .elementor-element.elementor-element-b720815{--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;--justify-content:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-31e1a63 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-566d27d{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 0px;--row-gap:8px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-702 .elementor-element.elementor-element-f1fb5fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-f1fb5fa .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:24px;font-weight:600;}.elementor-702 .elementor-element.elementor-element-8d858b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-dd5144a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-dd5144a{font-family:"Poppins", Sans-serif;font-weight:300;}.elementor-702 .elementor-element.elementor-element-e7263c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-702 .elementor-element.elementor-element-e7263c9 .price{color:var( --e-global-color-1a15a77 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.woocommerce .elementor-702 .elementor-element.elementor-element-e7263c9 .price ins{font-size:20px;}.elementor-702 .elementor-element.elementor-element-6116ef5{width:100%;max-width:100%;}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(8px/2);}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(8px/2);}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(8px/2);}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-8px/2);}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-8px/2);}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-icon i{color:var( --e-global-color-3fba7eb );transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-icon svg{fill:var( --e-global-color-3fba7eb );transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-c0c8733{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-text{color:var( --e-global-color-3fba7eb );transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-c0c8733 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-b0231c4{width:100%;max-width:100%;}.elementor-702 .elementor-element.elementor-element-d479ba8{--display:flex;border-style:none;--border-style:none;}.elementor-702 .elementor-element.elementor-element-0989a2e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-f0d3931{--display:flex;border-style:none;--border-style:none;}.elementor-702 .elementor-element.elementor-element-6c7c193{--n-accordion-title-font-size:12px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-3fba7eb );--n-accordion-title-hover-color:var( --e-global-color-1a15a77 );--n-accordion-title-active-color:var( --e-global-color-1a15a77 );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-3fba7eb );--n-accordion-icon-hover-color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-6c7c193.elementor-element{--align-self:stretch;}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-3fba7eb );}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-1a15a77 );}:where( .elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-transform:uppercase;}:where( .elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;}.elementor-702 .elementor-element.elementor-element-732c854 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-icon i{color:var( --e-global-color-1a15a77 );transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-icon svg{fill:var( --e-global-color-1a15a77 );transition:fill 0.3s;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-732c854{--e-icon-list-icon-size:24px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > a{font-size:14px;text-transform:uppercase;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-text{color:var( --e-global-color-1a15a77 );transition:color 0.3s;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-e8434af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-702 .elementor-element.elementor-element-87f0f12 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-702 .elementor-element.elementor-element-87f0f12{--e-off-canvas-justify-content:flex-end;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-702 .elementor-element.elementor-element-fcb038f{--display:flex;}.elementor-702 .elementor-element.elementor-element-a30c6b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-element{--align-self:flex-end;}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon-wrapper{text-align:center;}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3334953 );color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-default .elementor-icon{color:var( --e-global-color-3334953 );border-color:var( --e-global-color-3334953 );}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-3334953 );}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-a30c6b6.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon{font-size:24px;padding:8px;}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon svg{height:24px;}.elementor-702 .elementor-element.elementor-element-6e8de66{--display:flex;}.elementor-702 .elementor-element.elementor-element-453436f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-0b9230c{--display:flex;}.elementor-702 .elementor-element.elementor-element-310975a{--n-accordion-title-font-size:12px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:solid;border-color:var( --e-global-color-1a15a77 );}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:solid;border-color:var( --e-global-color-1a15a77 );}:where( .elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-transform:uppercase;}:where( .elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;}.elementor-702 .elementor-element.elementor-element-808fe16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-702 .elementor-element.elementor-element-c8f8839 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-c8f8839{text-align:center;}.elementor-702 .elementor-element.elementor-element-9ab98f3{--divider-border-style:solid;--divider-color:var( --e-global-color-4215118 );--divider-border-width:1px;--divider-icon-size:24px;}.elementor-702 .elementor-element.elementor-element-9ab98f3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-9ab98f3 .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-702 .elementor-element.elementor-element-9ab98f3 .elementor-divider{text-align:center;padding-block-start:4px;padding-block-end:4px;}.elementor-702 .elementor-element.elementor-element-9ab98f3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-9ab98f3.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-9ab98f3.elementor-view-default .elementor-icon{color:var( --e-global-color-4215118 );border-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-9ab98f3.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-9ab98f3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-aafee12{--display:flex;}.elementor-702 .elementor-element.elementor-element-e392019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-702 .elementor-element.elementor-element-948904a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-948904a{text-align:center;}.elementor-702 .elementor-element.elementor-element-8dd3cbf{--divider-border-style:solid;--divider-color:var( --e-global-color-4215118 );--divider-border-width:1px;--divider-icon-size:24px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-702 .elementor-element.elementor-element-8dd3cbf .elementor-divider{text-align:center;padding-block-start:4px;padding-block-end:4px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-8dd3cbf.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-8dd3cbf.elementor-view-default .elementor-icon{color:var( --e-global-color-4215118 );border-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-8dd3cbf.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-8dd3cbf.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-31ae0ee{--display:flex;}.elementor-702 .elementor-element.elementor-element-b11afce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-5200134.elementor-element{--align-self:center;}.elementor-702 .elementor-element.elementor-element-5200134:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(40px/2);}.elementor-702 .elementor-element.elementor-element-5200134:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(40px/2);}.elementor-702 .elementor-element.elementor-element-5200134.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(40px/2);margin-left:calc(40px/2);}.elementor-702 .elementor-element.elementor-element-5200134.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-40px/2);margin-left:calc(-40px/2);}body:not(.rtl) .elementor-702 .elementor-element.elementor-element-5200134.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-40px/2) + (-1px/2) );}body:not.rtl .elementor-702 .elementor-element.elementor-element-5200134.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-40px/2) - (1px/2) );}.elementor-702 .elementor-element.elementor-element-5200134 a{color:var( --e-global-color-3fba7eb );}.elementor-702 .elementor-element.elementor-element-1731403{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-702 .elementor-element.elementor-element-1731403:not(.elementor-motion-effects-element-type-background), .elementor-702 .elementor-element.elementor-element-1731403 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-055c970 );}.elementor-702 .elementor-element.elementor-element-944019f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-9873905 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-9873905{text-align:center;}.elementor-702 .elementor-element.elementor-element-eca1196{--divider-border-style:solid;--divider-color:var( --e-global-color-4215118 );--divider-border-width:1px;--divider-icon-size:24px;}.elementor-702 .elementor-element.elementor-element-eca1196 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-eca1196 .elementor-divider-separator{width:40%;margin:0 auto;margin-center:0;}.elementor-702 .elementor-element.elementor-element-eca1196 .elementor-divider{text-align:center;padding-block-start:4px;padding-block-end:4px;}.elementor-702 .elementor-element.elementor-element-eca1196.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-eca1196.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-eca1196.elementor-view-default .elementor-icon{color:var( --e-global-color-4215118 );border-color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-eca1196.elementor-view-framed .elementor-icon, .elementor-702 .elementor-element.elementor-element-eca1196.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-55af191{--grid-columns:3;--grid-row-gap:40px;--grid-column-gap:40px;}.elementor-702 .elementor-element.elementor-element-55af191 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination{text-align:center;margin-top:20px;}.elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-4215118 );}.elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers.current{color:var( --e-global-color-b08eb30 );}body:not(.rtl) .elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 16px/2 );}body:not(.rtl) .elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 16px/2 );}body.rtl .elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 16px/2 );}body.rtl .elementor-702 .elementor-element.elementor-element-55af191 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 16px/2 );}@media(max-width:1024px){.elementor-702 .elementor-element.elementor-element-f1fb5fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > a{font-size:12px;}.elementor-702 .elementor-element.elementor-element-c8f8839 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-702 .elementor-element.elementor-element-9ab98f3 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-702 .elementor-element.elementor-element-aafee12{--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-702 .elementor-element.elementor-element-948904a > .elementor-widget-container{margin:-40px 0px 10px 0px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-702 .elementor-element.elementor-element-31ae0ee{--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-702 .elementor-element.elementor-element-1731403{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:80px;--padding-bottom:40px;--padding-left:32px;--padding-right:32px;}.elementor-702 .elementor-element.elementor-element-eca1196 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-702 .elementor-element.elementor-element-55af191{--grid-columns:2;}}@media(max-width:767px){.elementor-702 .elementor-element.elementor-element-64dd863{--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-c1a3b60{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-9db1796 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-594e2e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-2b8ac9a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-b720815{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:12px;--margin-right:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-31e1a63 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-bfde37a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-fc90883 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-566d27d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-f1fb5fa > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-702 .elementor-element.elementor-element-f1fb5fa{text-align:start;}.elementor-702 .elementor-element.elementor-element-f1fb5fa .elementor-heading-title{font-size:22px;}.elementor-702 .elementor-element.elementor-element-8d858b8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-dd5144a{font-size:0.9em;}.elementor-702 .elementor-element.elementor-element-111fd5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-e7263c9 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.woocommerce .elementor-702 .elementor-element.elementor-element-e7263c9 .price{font-size:18px;}.elementor-702 .elementor-element.elementor-element-6116ef5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-6116ef5.elementor-element{--align-self:stretch;}.elementor-702 .elementor-element.elementor-element-b0231c4.elementor-element{--align-self:stretch;}.elementor-702 .elementor-element.elementor-element-d479ba8{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-702 .elementor-element.elementor-element-0989a2e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-f0d3931{--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container{margin:16px 0px 16px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-6c7c193.elementor-element{--align-self:center;}.elementor-702 .elementor-element.elementor-element-6c7c193{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:4px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-font-size:12px;--n-accordion-icon-size:24px;}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-width:1px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-width:1px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-width:1px 0px 0px 0px;}:where( .elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{letter-spacing:0.4px;}:where( .elementor-702 .elementor-element.elementor-element-6c7c193 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-width:1px 1px 1px 1px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-702 .elementor-element.elementor-element-732c854 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-702 .elementor-element.elementor-element-732c854 .elementor-icon-list-item > a{font-size:12px;letter-spacing:1.3px;}.elementor-702 .elementor-element.elementor-element-e8434af{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-702 .elementor-element.elementor-element-87f0f12{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:100%;}.elementor-702 .elementor-element.elementor-element-a30c6b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon-wrapper{text-align:end;}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon{font-size:24px;}.elementor-702 .elementor-element.elementor-element-a30c6b6 .elementor-icon svg{height:24px;}.elementor-702 .elementor-element.elementor-element-6e8de66{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-702 .elementor-element.elementor-element-0b9230c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-310975a{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-icon-size:18px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-width:1px 1px 1px 1px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-width:1px 1px 1px 1px;}.elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-width:1px 1px 1px 1px;}:where( .elementor-702 .elementor-element.elementor-element-310975a > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-width:1px 1px 1px 1px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-702 .elementor-element.elementor-element-808fe16{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-c8f8839 > .elementor-widget-container{margin:-26px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-9ab98f3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-9ab98f3 .elementor-divider-separator{width:60%;}.elementor-702 .elementor-element.elementor-element-e392019{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-948904a > .elementor-widget-container{margin:-26px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-8dd3cbf .elementor-divider-separator{width:60%;}.elementor-702 .elementor-element.elementor-element-31ae0ee{--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-702 .elementor-element.elementor-element-1731403{--gap:45px 0px;--row-gap:45px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-702 .elementor-element.elementor-element-eca1196 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-702 .elementor-element.elementor-element-eca1196 .elementor-divider-separator{width:60%;}.elementor-702 .elementor-element.elementor-element-55af191{--grid-columns:1;}}@media(min-width:768px){.elementor-702 .elementor-element.elementor-element-c1a3b60{--width:60%;}.elementor-702 .elementor-element.elementor-element-b720815{--width:40%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-2b8ac9a */@media (max-width: 767px) {
.woocommerce-product-gallery .zoomImg {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.woocommerce-product-gallery__image > a {
cursor: pointer !important;
}
}
/* =========================================
SAJO - Lightbox WooCommerce / PhotoSwipe
Fondo blanco + controles negros
========================================= */
/* Fondo general del lightbox */
.pswp,
.pswp__bg,
.pswp__scroll-wrap,
.pswp__container,
.pswp__item {
background: #ffffff !important;
}
.pswp__bg {
opacity: 1 !important;
}
/* Barra superior y pie */
.pswp__top-bar,
.pswp__caption,
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background: rgba(255,255,255,0.98) !important;
}
/* Contador y texto */
.pswp__counter,
.pswp__caption__center,
.pswp__caption small {
color: #111111 !important;
text-shadow: none !important;
}
/* Imagen */
.pswp__img {
object-fit: contain !important;
}
/* Botones generales */
.pswp__button {
opacity: 1 !important;
filter: brightness(0) !important;
}
/* Flechas laterales */
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
filter: brightness(0) !important;
opacity: 0.85 !important;
}
/* Icono de carga / preloader */
.pswp__preloader,
.pswp__preloader__icn,
.pswp__preloader__cut,
.pswp__preloader__donut {
color: #111111 !important;
border-color: #111111 !important;
}
/* Evita degradados oscuros por defecto */
.pswp__top-bar,
.pswp__caption,
.pswp__ui--over-close .pswp__top-bar {
box-shadow: none !important;
background-image: none !important;
}
/*Miniaturas del producto*/
@media (max-width: 767px) {
/* CONTENEDOR DE MINIATURAS */
.woocommerce-product-gallery .flex-control-thumbs {
display: flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
width: 100% !important;
max-width: 100% !important;
gap: 8px !important;
margin: 12px 0 0 !important;
padding: 0 18px 6px 0 !important;
list-style: none !important;
-webkit-overflow-scrolling: touch;
touch-action: pan-x !important;
scroll-behavior: smooth;
scrollbar-width: none;
overscroll-behavior-x: contain;
}
/* Ocultar scrollbar */
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
display: none;
}
/* CADA MINIATURA 8 completas + parte de la octava */
.woocommerce-product-gallery .flex-control-thumbs li {
float: none !important;
flex: 0 0 calc((100% - 49px) / 8) !important;
width: calc((100% - 49px) / 8) !important;
min-width: calc((100% - 49px) / 8) !important;
max-width: calc((100% - 49px) / 8) !important;
margin: 0 !important;
padding: 0 !important;
}
/* IMAGEN DE MINIATURA */
.woocommerce-product-gallery .flex-control-thumbs li img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: cover;
margin: 0 !important;
padding: 0 !important;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
cursor: pointer;
}
}
/*Ocultar lupa*/
@media (max-width: 767px) {
.woocommerce-product-gallery__trigger {
display: none !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-f1fb5fa */.elementor-page-title, h1.entry-title {
display: block !important;
}
h1.entry-title {
display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d858b8 *//* =========================================
DESCRIPCIÓN PLEGABLE SAJO
========================================= */
.descripcion-sajo {
position: relative;
margin-bottom: 18px;
cursor: pointer;
/*
* Evita que el navegador intente
* compensar el scroll al cambiar
* la altura del bloque.
*/
overflow-anchor: none;
}
/* =========================================
TEXTO
========================================= */
.descripcion-sajo .sajo-description-text {
position: relative;
/*
* INTERLINEADO
* Cambia este valor si quieres
* más o menos espacio entre líneas.
*/
line-height: 1.5em;
/*
* Estado cerrado:
* 2 líneas completas + una parte
* visible de la tercera.
*/
max-height: 4.15em;
overflow: hidden;
padding-bottom: 8px;
cursor: pointer;
overflow-anchor: none;
transition: max-height 0.4s ease;
}
/* =========================================
ESPACIO ENTRE PÁRRAFOS
========================================= */
.descripcion-sajo .sajo-description-text p {
margin-top: 0;
/*
* Cambia este valor para aumentar
* o reducir el espacio entre párrafos.
*/
margin-bottom: 16px;
}
.descripcion-sajo .sajo-description-text p:last-child {
margin-bottom: 0;
}
/* =========================================
DIFUMINADO INFERIOR
========================================= */
.descripcion-sajo .sajo-description-text::after {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
bottom: 0;
height: 2em;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.35) 35%,
rgba(255, 255, 255, 0.78) 70%,
rgba(255, 255, 255, 1) 100%
);
transition: opacity 0.25s ease;
}
/* =========================================
ESTADO ABIERTO
========================================= */
.descripcion-sajo.sajo-open .sajo-description-text {
/*
* Sin límite de altura para que
* nunca se corte la última línea.
*/
max-height: none !important;
height: auto !important;
overflow: visible !important;
/*
* Espacio al final de la descripción.
*/
padding-bottom: 14px !important;
}
/* Eliminar completamente el degradado */
.descripcion-sajo.sajo-open .sajo-description-text::after {
display: none !important;
}
/* =========================================
BOTÓN / ÁREA DE LA FLECHA
========================================= */
.descripcion-sajo .sajo-description-toggle {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: transparent !important;
margin: 0;
padding: 5px 4px 7px 0;
cursor: pointer;
color: #969696;
appearance: none;
-webkit-appearance: none;
}
/* =========================================
FLECHA
========================================= */
.descripcion-sajo .sajo-description-toggle::after {
content: "";
width: 7px;
height: 7px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(45deg);
transition:
transform 0.3s ease,
color 0.3s ease;
}
/* Flecha hacia arriba al abrir */
.descripcion-sajo.sajo-open
.sajo-description-toggle::after {
transform: rotate(225deg);
}
/* Hover */
.descripcion-sajo:hover
.sajo-description-toggle {
color: #222222;
}
/* =========================================
ESPACIO ANTES DEL PRECIO
========================================= */
.descripcion-sajo.sajo-open {
margin-bottom: 0px;
}
/* =========================================
ENLACES DENTRO DE LA DESCRIPCIÓN
========================================= */
.descripcion-sajo
.sajo-description-text a {
cursor: pointer;
}
/* =========================================
TABLET
========================================= */
@media (min-width: 768px) and (max-width: 1024px) {
.descripcion-sajo {
margin-bottom: 20px;
}
.descripcion-sajo
.sajo-description-text {
padding-bottom: 9px;
}
.descripcion-sajo.sajo-open
.sajo-description-text {
max-height: none !important;
height: auto !important;
overflow: visible !important;
padding-bottom: 18px !important;
}
}
/* =========================================
MÓVIL
========================================= */
@media (max-width: 767px) {
.descripcion-sajo {
margin-bottom: 20px;
cursor: pointer;
}
/* Descripción cerrada */
.descripcion-sajo
.sajo-description-text {
/*
* Altura para mantener:
* 2 líneas completas +
* tercera parcialmente visible.
*/
max-height: 4.35em;
padding-bottom: 10px;
cursor: pointer;
}
/* Difuminado móvil */
.descripcion-sajo
.sajo-description-text::after {
height: 1.8em;
}
/* Descripción abierta */
.descripcion-sajo.sajo-open
.sajo-description-text {
max-height: none !important;
height: auto !important;
overflow: visible !important;
/*
* Espacio adicional para evitar
* que se corte la última línea.
*/
padding-bottom: 22px !important;
}
/* Sin degradado al estar abierta */
.descripcion-sajo.sajo-open
.sajo-description-text::after {
display: none !important;
}
/* Flecha */
.descripcion-sajo
.sajo-description-toggle {
padding-top: 6px;
padding-bottom: 9px;
}
/*
* Espacio limpio después
* de la descripción abierta.
*/
.descripcion-sajo.sajo-open {
margin-bottom: 24px;
}
/* Evita correcciones automáticas de scroll */
body {
overflow-anchor: none;
}
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c0c8733 *//* ============================================================
ANIMACIÓN DE LÍNEA PARA ENLACES DE AYUDA (SAJO)
============================================================ */
/* 1. Crear la línea base invisible */
.elementor-element-732c854 .elementor-icon-list-text {
position: relative !important;
display: inline-block !important;
}
.elementor-element-732c854 .elementor-icon-list-text::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
bottom: -2px !important; /* Distancia de la línea respecto al texto */
width: 0 !important;
height: 1px !important;
background-color: #efbf04 !important; /* Dorado SAJO */
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* 2. Animación al pasar el mouse (Hover) */
.elementor-element-732c854 .elementor-icon-list-item a:hover .elementor-icon-list-text::after {
width: 100% !important; /* La línea se dibuja de izquierda a derecha */
}
/* 3. Ajuste opcional del icono para que combine con el texto */
.elementor-element-732c854 .elementor-icon-list-icon svg {
transition: transform 0.3s ease !important;
}
.elementor-element-732c854 .elementor-icon-list-item a:hover .elementor-icon-list-icon svg {
transform: scale(1.1); /* Ligero énfasis en el icono al interactuar */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b0231c4 *//* ========================================
SAJO — TODAS LAS VARIANTES
======================================== */
.sajo-variaciones {
width: 100%;
margin: 30px 0;
}
/* TÍTULO */
.sajo-variantes-titulo {
margin-bottom: 17px;
font-size: 11px;
font-weight: 400;
letter-spacing: 1.25px;
color: #555;
text-transform: uppercase;
}
/* BOTÓN */
.sajo-descubre-variantes {
appearance: none !important;
-webkit-appearance: none !important;
width: 100% !important;
max-width: none !important;
min-height: 64px;
padding: 0 20px;
display: flex !important;
align-items: center;
justify-content: space-between;
background: #fff !important;
border: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
color: #777 !important;
font-family: inherit;
font-size: inherit;
cursor: pointer;
box-shadow: none !important;
outline: none;
text-decoration: none !important;
transition:
color 0.25s ease,
border-color 0.25s ease,
background-color 0.25s ease;
}
/* TEXTO */
.sajo-descubre-texto {
color: inherit !important;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.35px;
text-align: left;
transition: color 0.25s ease;
}
/* FLECHA */
.sajo-descubre-flecha {
display: flex;
align-items: center;
justify-content: center;
margin-left: 20px;
color: inherit !important;
font-size: 26px;
font-weight: 200;
line-height: 1;
transform: translateY(-1px);
transition:
color 0.25s ease,
transform 0.25s ease;
}
/* ========================================
HOVER — PC
======================================== */
.sajo-descubre-variantes:hover {
background: #fff !important;
color: #111 !important;
border-color: #777 !important;
}
.sajo-descubre-variantes:hover .sajo-descubre-texto,
.sajo-descubre-variantes:hover .sajo-descubre-flecha {
color: #111 !important;
}
.sajo-descubre-variantes:hover .sajo-descubre-flecha {
transform: translate(3px, -1px);
}
/* ========================================
TAP / FOCUS / ACTIVE
Evita el rosa de Elementor
======================================== */
.sajo-descubre-variantes:focus,
.sajo-descubre-variantes:focus-visible,
.sajo-descubre-variantes:active {
background: #fff !important;
color: #111 !important;
border-color: #777 !important;
box-shadow: none !important;
outline: none !important;
}
.sajo-descubre-variantes:focus .sajo-descubre-texto,
.sajo-descubre-variantes:focus .sajo-descubre-flecha,
.sajo-descubre-variantes:focus-visible .sajo-descubre-texto,
.sajo-descubre-variantes:focus-visible .sajo-descubre-flecha,
.sajo-descubre-variantes:active .sajo-descubre-texto,
.sajo-descubre-variantes:active .sajo-descubre-flecha {
color: #111 !important;
}
/* Evitar estilos globales de Elementor */
.elementor .sajo-descubre-variantes:hover,
.elementor .sajo-descubre-variantes:focus,
.elementor .sajo-descubre-variantes:active {
background-color: #fff !important;
color: #111 !important;
}
/* ========================================
MOBILE
======================================== */
@media (max-width: 767px) {
.sajo-variaciones {
width: 100%;
margin: 26px 0;
}
.sajo-variantes-titulo {
margin-bottom: 15px;
font-size: 10px;
letter-spacing: 1.15px;
}
.sajo-descubre-variantes {
width: 100% !important;
min-height: 48px;
padding: 0 18px;
}
.sajo-descubre-texto {
font-size: 12px;
}
.sajo-descubre-flecha {
font-size: 25px;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-0989a2e *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de */
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-0989a2e *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de
*/
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-0989a2e *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de
*/
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-732c854 *//* ============================================================
ANIMACIÓN DE LÍNEA PARA ENLACES DE AYUDA (SAJO)
============================================================ */
/* 1. Crear la línea base invisible */
.elementor-element-732c854 .elementor-icon-list-text {
position: relative !important;
display: inline-block !important;
}
.elementor-element-732c854 .elementor-icon-list-text::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
bottom: -2px !important; /* Distancia de la línea respecto al texto */
width: 0 !important;
height: 1px !important;
background-color: #efbf04 !important; /* Dorado SAJO */
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* 2. Animación al pasar el mouse (Hover) */
.elementor-element-732c854 .elementor-icon-list-item a:hover .elementor-icon-list-text::after {
width: 100% !important; /* La línea se dibuja de izquierda a derecha */
}
/* 3. Ajuste opcional del icono para que combine con el texto */
.elementor-element-732c854 .elementor-icon-list-icon svg {
transition: transform 0.3s ease !important;
}
.elementor-element-732c854 .elementor-icon-list-item a:hover .elementor-icon-list-icon svg {
transform: scale(1.1); /* Ligero énfasis en el icono al interactuar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b720815 *//* =========================================
SAJO - CONTENEDOR PRINCIPAL DEL PRODUCTO
========================================= */
.producto-contenedor {
overflow: visible !important;
}
/* =========================================
STICKY NATIVO - PC + TABLET
========================================= */
@media (min-width: 768px) {
.producto-info-sticky {
position: sticky;
top: 110px;
align-self: flex-start;
height: fit-content;
max-height: none;
overflow: visible !important;
z-index: 2;
}
}
/* =========================================
CELULAR
========================================= */
@media (max-width: 767px) {
.producto-info-sticky {
position: static !important;
top: auto !important;
height: auto;
max-height: none;
overflow: visible !important;
transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-453436f *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de
*/
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-453436f *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de
*/
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-453436f *//* =========================================================
SAJO — INFORMACIÓN ADICIONAL
WooCommerce / Elementor
========================================================= */
/* ─────────────────────────────────────
TABLA GENERAL
───────────────────────────────────── */
.woocommerce-product-attributes {
width: 100%;
border-collapse: collapse !important;
border: none !important;
margin: 0 !important;
background: transparent !important;
}
/* ─────────────────────────────────────
FILAS
───────────────────────────────────── */
.woocommerce-product-attributes tr {
background: transparent !important;
border-bottom: 1px solid #f0f0f0 !important;
}
/* Quitar línea de la última fila */
.woocommerce-product-attributes tr:last-child {
border-bottom: none !important;
}
/* ─────────────────────────────────────
CELDAS
───────────────────────────────────── */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
border: none !important;
background: transparent !important;
padding: 16px 20px !important;
vertical-align: middle !important;
}
/* ─────────────────────────────────────
TÍTULOS
TAMAÑO / MATERIAL / TÉCNICA...
───────────────────────────────────── */
.woocommerce-product-attributes th {
width: 28%;
font-size: 14px !important;
font-weight: 500 !important;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #222222 !important;
text-align: left !important;
}
/* ─────────────────────────────────────
VALORES
───────────────────────────────────── */
.woocommerce-product-attributes td {
font-size: 15px !important;
font-weight: 300 !important;
color: #888888 !important;
line-height: 1.5 !important;
text-align: left !important;
}
/* WooCommerce mete algunos valores dentro de
*/
.woocommerce-product-attributes td p {
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* ─────────────────────────────────────
QUITAR FONDOS ALTERNADOS
───────────────────────────────────── */
.woocommerce-product-attributes tr:nth-child(odd),
.woocommerce-product-attributes tr:nth-child(even),
.woocommerce-product-attributes-item:nth-child(odd),
.woocommerce-product-attributes-item:nth-child(even) {
background: transparent !important;
}
/* ─────────────────────────────────────
HIPERVÍNCULOS
───────────────────────────────────── */
.woocommerce-product-attributes a {
position: relative;
display: inline-block;
color: #2F4A5A !important;
text-decoration: none !important;
}
/* Línea amarilla */
.woocommerce-product-attributes a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: #EFBF04;
transform: scaleX(0);
transform-origin: right center;
transition: transform 0.3s ease;
}
/* Dibujar línea al pasar el mouse */
.woocommerce-product-attributes a:hover::after {
transform: scaleX(1);
transform-origin: left center;
}
/* El enlace no cambia de color */
.woocommerce-product-attributes a:hover,
.woocommerce-product-attributes a:focus {
color: inherit !important;
}
/* ─────────────────────────────────────
TABLET
───────────────────────────────────── */
@media (max-width: 1024px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 14px 16px !important;
}
.woocommerce-product-attributes th {
width: 32%;
font-size: 13px !important;
}
.woocommerce-product-attributes td {
font-size: 14px !important;
}
}
/* ─────────────────────────────────────
CELULAR
───────────────────────────────────── */
@media (max-width: 767px) {
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
padding: 13px 10px !important;
}
.woocommerce-product-attributes th {
width: 35%;
font-size: 12px !important;
letter-spacing: 0.5px;
}
.woocommerce-product-attributes td {
font-size: 13px !important;
line-height: 1.45 !important;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-additional-information, class: .elementor-element-b11afce *//* Reset total de la tabla de WooCommerce */
.woocommerce-product-attributes.shop_attributes {
border: none !important;
border-collapse: collapse !important;
width: 100% !important;
margin-top: 10px;
}
/* Estilo para las Filas (tr) */
.woocommerce-product-attributes-item {
border: none !important; /* Eliminamos cualquier línea */
transition: background-color 0.3s ease;
}
/* Colores intercalados (Zebra Striping) */
.woocommerce-product-attributes-item:nth-child(even) {
background-color: #f9f9f9 !important; /* Gris muy claro */
}
.woocommerce-product-attributes-item:nth-child(odd) {
background-color: transparent !important;
}
/* Resaltado al pasar el ratón */
.woocommerce-product-attributes-item:hover {
background-color: #f2f2f2 !important;
}
/* Estilo de la Etiqueta (th) */
.woocommerce-product-attributes-item__label {
padding: 8px 12px !important; /* Altura reducida */
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #555;
border: none !important;
width: 35%;
line-height: 1.2;
}
/* Estilo del Valor (td) */
.woocommerce-product-attributes-item__value {
padding: 8px 12px !important;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #777;
border: none !important;
line-height: 1.2;
}
/* Limpieza de párrafos internos de WooCommerce */
.woocommerce-product-attributes-item__value p {
margin: 0 !important;
padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS *//* ----------- BOTONES PRODUCTOS -------------------*/
.products.elementor-grid .product .button.product_type_variable,
.products.elementor-grid .product .button.product_type_simple {
opacity: 0;
visibility: hidden;
transform: translateY(25px); /* Empiezan 25px abajo */
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
display: inline-block; /* Asegura que la transformación funcione bien */
}
/* 2. Estado Hover: Mostrar los botones al pasar el mouse por el producto */
.products.elementor-grid .product:hover .button.product_type_variable,
.products.elementor-grid .product:hover .button.product_type_simple {
opacity: 1;
visibility: visible;
transform: translateY(0); /* Suben a su posición original */
}
/* 3. Ajuste de contenedor (opcional pero recomendado) */
.products.elementor-grid .product {
overflow: hidden; /* Corta el exceso para que parezca que los botones "entran" al cuadro */
}
/*------------- COLOR FONDO TALLAS ----------------*/
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
background-color: hsla(0, 0%, 100%, 0.07);
}
/* =====================================================
SAJO — DRAWER DE VARIANTES
===================================================== */
/* -----------------------------------------------------
OVERLAY
----------------------------------------------------- */
.sajo-variant-overlay {
position: fixed !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0, 0, 0, 0.34) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
z-index: 999998 !important;
transition:
opacity 0.30s ease,
visibility 0.30s ease !important;
}
/* OVERLAY ABIERTO */
.sajo-variant-overlay.sajo-variant-overlay-visible {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* -----------------------------------------------------
DRAWER
----------------------------------------------------- */
.sajo-variant-drawer {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: auto !important;
width: 460px !important;
max-width: 92vw !important;
height: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #ffffff !important;
z-index: 999999 !important;
overflow-y: auto !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
transform: translateX(105%) !important;
visibility: hidden !important;
pointer-events: none !important;
transition:
transform 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0.40s ease !important;
}
/* DRAWER ABIERTO */
.sajo-variant-drawer.sajo-variant-drawer-visible {
transform: translateX(0) !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* -----------------------------------------------------
HEADER
----------------------------------------------------- */
.sajo-variant-drawer-header {
width: 100%;
min-height: 74px;
padding: 0 28px;
display: flex !important;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
background: #ffffff !important;
border-bottom: 1px solid #e5e5e5;
}
/* TÍTULO */
.sajo-variant-drawer-heading {
margin: 0;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 1.3px;
color: #222 !important;
text-transform: uppercase;
}
/* -----------------------------------------------------
BOTÓN CERRAR
----------------------------------------------------- */
.sajo-variant-drawer-close {
appearance: none !important;
-webkit-appearance: none !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #777 !important;
font-family: inherit !important;
font-size: 29px !important;
font-weight: 300 !important;
line-height: 1 !important;
box-shadow: none !important;
outline: none !important;
cursor: pointer;
transition: color 0.2s ease;
}
.sajo-variant-drawer-close:hover,
.sajo-variant-drawer-close:focus,
.sajo-variant-drawer-close:active {
background: transparent !important;
color: #111 !important;
border: 0 !important;
box-shadow: none !important;
outline: none !important;
}
/* -----------------------------------------------------
CONTENIDO
----------------------------------------------------- */
.sajo-variant-drawer-content {
width: 100%;
padding: 28px 28px 40px !important;
box-sizing: border-box;
background: #ffffff !important;
}
/* -----------------------------------------------------
IMAGEN
----------------------------------------------------- */
.sajo-variant-image-wrap {
width: 100% !important;
margin: 0 0 26px !important;
background: #f7f7f7 !important;
overflow: hidden;
}
.sajo-variant-image {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1;
object-fit: contain !important;
margin: 0 !important;
border: 0 !important;
}
/* -----------------------------------------------------
INFORMACIÓN
----------------------------------------------------- */
.sajo-variant-info {
width: 100%;
margin: 0 0 26px;
text-align: center;
}
.sajo-variant-product {
margin-bottom: 7px;
color: #222 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4;
}
.sajo-variant-value {
color: #666 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4;
}
/* -----------------------------------------------------
OPCIONES
----------------------------------------------------- */
.sajo-variant-options {
width: 100%;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0 0 30px !important;
}
/* BOTÓN DE CADA VARIANTE */
.sajo-variant-option {
appearance: none !important;
-webkit-appearance: none !important;
min-height: 40px;
padding: 8px 15px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #777 !important;
font-family: inherit !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.2;
box-shadow: none !important;
outline: none !important;
cursor: pointer;
transition:
color 0.20s ease,
border-color 0.20s ease,
background-color 0.20s ease;
}
/* HOVER */
.sajo-variant-option:hover {
background: #ffffff !important;
color: #111 !important;
border-color: #777 !important;
}
/* ACTIVO */
.sajo-variant-option.activo {
background: #ffffff !important;
color: #111 !important;
border-color: #111 !important;
}
/* TAP / FOCUS */
.sajo-variant-option:focus,
.sajo-variant-option:active {
background: #ffffff !important;
color: #111 !important;
border-color: #111 !important;
box-shadow: none !important;
outline: none !important;
}
/* -----------------------------------------------------
BOTÓN VER ESTA JOYA
----------------------------------------------------- */
.sajo-variant-view-product {
width: 100% !important;
min-height: 56px;
padding: 0 20px;
display: flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
background: #222 !important;
color: #ffffff !important;
border: 1px solid #222 !important;
text-decoration: none !important;
font-family: inherit !important;
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 1.2px;
text-align: center;
transition:
background-color 0.25s ease,
color 0.25s ease,
border-color 0.25s ease;
}
.sajo-variant-view-product:hover,
.sajo-variant-view-product:focus,
.sajo-variant-view-product:active {
background: #ffffff !important;
color: #111 !important;
border-color: #111 !important;
text-decoration: none !important;
}
/* -----------------------------------------------------
BLOQUEAR SCROLL DE LA PÁGINA
----------------------------------------------------- */
body.sajo-variant-no-scroll {
overflow: hidden !important;
}
/* =====================================================
TABLET
===================================================== */
@media (max-width: 1024px) {
.sajo-variant-drawer {
width: 430px !important;
max-width: 94vw !important;
}
}
/* =====================================================
MÓVIL — DRAWER DESDE ABAJO
===================================================== */
@media (max-width: 767px) {
.sajo-variant-drawer {
top: auto !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 75vh !important;
max-height: 75vh !important;
border-radius: 18px 18px 0 0 !important;
transform: translateY(105%) !important;
overflow-y: auto !important;
transition:
transform 0.40s cubic-bezier(0.22, 1, 0.36, 1),
visibility 0.40s ease !important;
}
/* ABIERTO */
.sajo-variant-drawer.sajo-variant-drawer-visible {
transform: translateY(0) !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* HEADER */
.sajo-variant-drawer-header {
min-height: 64px;
padding: 0 20px;
position: sticky;
top: 0;
z-index: 5;
background: #ffffff !important;
}
/* CONTENIDO */
.sajo-variant-drawer-content {
padding: 20px 20px 28px !important;
}
/* IMAGEN */
.sajo-variant-image-wrap {
margin-bottom: 20px !important;
}
.sajo-variant-image {
aspect-ratio: 1 / 1;
object-fit: contain !important;
}
/* INFORMACIÓN */
.sajo-variant-info {
margin-bottom: 20px;
}
/* OPCIONES */
.sajo-variant-options {
margin-bottom: 24px !important;
}
/* BOTÓN */
.sajo-variant-view-product {
min-height: 52px;
}
}/* End custom CSS */